html,body {position: relative;}
.wide {max-width: 1180px; margin: 0 auto;}
html{font-size: calc(100vw/32);}
em,i{font-style:normal}
img {max-width: 100%;}
button, input, select, textarea {line-height: normal;}
a:hover,a {text-decoration: initial !important;}

.tran {transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s;}
.img_poa img {position: absolute; width: auto; height: auto; max-width: 100%; max-height: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%);}

.sanmenu-ul li{padding:0 13px;display: inline-block;height: 100%;text-align: center; position: relative;}
.sanmenu-ul li:after {width:100%;height: 1px;position: absolute;bottom: 13px;left: 0px;background: #dbdbdb;content: '';}
.sanmenu::-webkit-scrollbar{overflow:visible;width:8px; display: none;}
.sanmenu::-webkit-scrollbar-thumb{background-color:#959595;border-radius:8px;min-height:15px; max-height: 20px; display: none;}

/* 关于我们 */
.about {padding-top: 70px; padding-bottom: 80px;}
.about .about_box {margin-bottom: 80px;}
.about .about_box:last-child {margin-bottom: 0;}
.about .about_img {width: 43.31%; overflow: hidden; padding-top: 29.07%; position: relative;}
.about .about_txt {width: 52.54%;}
.about .about_txt h3 {font-size: 30px; font-weight: bold; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; padding-top: 15px;}
.about .about_txt .txt {margin-top: 30px;font-size: 16px; line-height: 24px; color: #808080; }
.about .about_txt .txt p {margin-bottom: 10px;}
.about .about_txt .txt p:last-child {margin-bottom: 0;}
.about .about_box.mb50 {margin-bottom: 50px;}

.about_list {margin-bottom: 48px;}
.about_list li {float: left; width: 23.05%; padding-top: 30px; padding-bottom: 30px; text-align: center; margin-right: 2.6%; box-shadow: -1px -1px 15px -4px rgba(0,0,0,.1);}
.about_list li:last-child {margin-right: 0;}
.about_list li h3 {font-size: 48px;}
.about_list li p {padding-top: 15px; font-size: 18px; color: #999;}


/* 荣誉资质 */
.honor,.environment {padding-bottom: 80px;}
.honor_box,.environment .environment_box {margin-top: 5px;}
.honor_box .honor_list li {float: left; width: 32.2%; margin-bottom: 20px; margin-right: 1.7%;}
.honor_box .honor_list li:nth-child(3n) {margin-right: 0;}
.honor_box .honor_list li .honor_img {position: relative; width: 100%; overflow: hidden; height: 0; padding-top: 84.2%; background-color: #f2f2f2;}
.honor_box .honor_list li  p {font-size: 18px; color: #4c4c4c; text-align: center; margin-top: 20px; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap;}
.honor_box .honor_list li:hover p {color: #0193de;}
.honor_box .honor_list li:hover .honor_img img {transform: translate(-50%,-50%) scale(1.04);}

.prev-view{width:100%;font-size: 0px;text-align: center;}
.prev-view a{display: inline-block;padding: 7px 10px;border:1px solid #ccc;font-size: 14px;color: #666;border-radius: 2px;margin:0 5px;}
.prev-view a:nth-child(1){margin:0 12px;padding:7px 17px;}
.prev-view a:last-child{margin:0 12px;padding:7px 17px;}
.prev-view a:hover{background: #0193de;color: #fff;border-color:#0193de;}
.prev-view a.active{background: #0193de;color: #fff;border-color:#0193de;}

.mt25 {margin-top: 25px;}

.fancybox-overlay-fixed {z-index: 799;}

/* 工厂环境 */
.environment_box .environment_list li {float: left; width: 32.2%; margin-bottom: 30px; margin-right: 1.7%;}
.environment_box .environment_list li:nth-child(3n) {margin-right: 0;}
.environment_box .environment_list li .environment_img {position: relative; width: 100%; overflow: hidden; height: 0; padding-top: 67.63%;}
.environment_box .environment_list li p {height: 54px; line-height: 54px; background-color: #f2f2f2; font-size: 16px; color: #4c4c4c; text-align: center; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap;}
.environment_box .environment_list li:hover .environment_img img {transform: translate(-50%,-50%) scale(1.04);}
.environment_box .environment_list li:hover p {background-color: #0193de; color: #fff;}

.mt20 {margin-top: 20px;}

/* 发展历程 */
.f5 {background-color: #f5f5f5;}
.develop {padding-top: 60px; padding-bottom: 50px;}
.preview {position: relative;}
.develop_1 {width: 93.9%; margin: 0 auto; position: relative;}
.develop_1:after {content: ""; position: absolute; width: 100%; border-bottom: 1px dashed #b4b4b4; left: 0; top: 18px;}
.develop_1 .swiper-slide {text-align: center; padding-top: 8px; padding-bottom: 10px; width: 16.7%; cursor: pointer;}
.develop_1 .swiper-slide i {display: inline-block; width: 20px; height: 20px; border-radius: 50%; border: 1px solid #b4b4b4; background-color: #fff; margin-bottom: 10px; position: relative;}
.develop_1 .swiper-slide i:after {content: ""; position: absolute; width: 1px; height: 8px; background-color: #b4b4b4; left: 50%; bottom: -8px; transform: translateX(-50%);}
.develop_1 .swiper-slide p {color: #999; font-size: 20px;}
.preview .swiper-button-prev,.preview .swiper-container-rtl .swiper-button-next,.preview .swiper-button-next,.preview  .swiper-container-rtl .swiper-button-prev {background: url(../images/icon1.png) no-repeat; width: 36px; height: 36px;}
.preview .swiper-button-prev,.preview .swiper-container-rtl .swiper-button-next {left: 0; top: 0; margin-top: -0px;}
.preview .swiper-button-next,.preview  .swiper-container-rtl .swiper-button-prev {right: 0; top: 0; margin-top: -0px; background-position: left bottom;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity: 1;}
.preview .swiper-button-prev:hover,.preview .swiper-container-rtl .swiper-button-next:hover {background-position: right top;}
.preview .swiper-button-next:hover,.preview  .swiper-container-rtl .swiper-button-prev:hover {background-position: right bottom;}
.preview .swiper-slide.active-nav i {background-color: #0193de; border-color: #0193de;}
.preview .swiper-slide.active-nav i:after {background-color: #0193de;}
.preview .swiper-slide.active-nav p {color: #0193de;}

.view {margin-top: 55px;}
.view p {font-size: 17px; line-height: 26px; color: #595959;}

.develop_bot {margin-top: 60px;}
.develop_bot h3 {height: 33px; overflow: hidden; line-height: 33px;}
.develop_bot h3 span {float: left; height: 100%; padding-left: 32px; background: url(../images/de1.png) no-repeat; background-position: 10px center; font-size: 20px; border-radius: 6px; background-color: #0193de; color: #fff; padding-right: 15px;}

.develop_list {margin-top: 50px;}
.develop_list li {float: left; width: 16.1%; margin-right: 4.875%; margin-bottom: 30px; text-align: center;}
.develop_list li:nth-child(5n) {margin-right: 0;}
.develop_list li .develop_img {position: relative; overflow: hidden; padding-top: 86.5%; width: 100%;}
.develop_list li p {margin-top: 10px; color: #4c4c4c; font-size: 16px;}

/* 招聘 */
.f2 {background-color: #f2f2f2;}
.job {padding: 55px 0;}
.job_top {background-color: #fff; padding: 50px 25px; position: relative;}
.job_top .job_txt {width: 75%;}
.job_top .job_txt h3 {font-size: 28px; color: #0193de;}
.job_top .job_txt .txt {margin-top: 20px;}
.job_top .job_txt p {font-size: 16px; color: #595959; line-height: 24px; margin-top: 10px;}
.job_top .job_txt p:first-child {margin-top: 0;}
.job_img {position: absolute; right: 25px; top: 50%; transform: translateY(-50%);}

.job_search {margin-top: 27px; background-color: #fff; padding: 38px 0; text-align: center;}
.job_search form {height: 44px; line-height: 44px; margin: 0 auto; width: 100%;}
.job_search form span {float: left; width: 31%; font-size: 18px; color: #0193de; text-align: right; padding-right: 15px;}
.job_search input {height: 100%; position: relative; bottom: 0; float: left;}
.job_search input.search-text {width: 31.7%; border: 1px solid #b3b3b3; padding-left: 10px; padding-right: 10px; font-size: 16px; border-right: none;}
.job_search input.search-btn {background: url(../images/job2.png) no-repeat #0193de; color: #fff; background-position: 15px center; font-size: 18px; padding-left: 50px; padding-right: 10px; cursor: pointer;}
.job_search input.search-btn.dn {display: none;}

.job_list {margin-top: 26px; background-color: #fff; padding-bottom: 70px;}
.job_list_top {background-color: #0193de; color: #fff; height: 60px; line-height: 60px;}
.job_list_top div {float: left; font-size: 20px;}
.job_list_top .title {width: 35.5%; padding-left: 6.5%;}
.job_list_top .place {width: 13.56%; text-align: center;}
.job_list_top .recruits {width: 35.6%; text-align: center;}
.job_list_top .time {width: 15.34%; text-align: center;}

.job_list_ul {padding: 0 2.9%;}
.job_list_ul li {position: relative;}
.job_list_ul li:after {content: ""; position: absolute; width: 100%; height: 1px; left: 0; bottom: 0; background-color: #e0e0e0;}
.job_list_ul li .job_list_name {height: 60px; line-height: 60px; position: relative; overflow: hidden; cursor: pointer; width: 100%;}
.job_list_ul li .job_list_name div {float: left; font-size: 20px; height: 100%;}
.job_list_ul li .job_list_name .title {width: 34.6%; padding-left: 3.8%; font-size: 16px; position: relative; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap;}
.job_list_ul li .job_list_name .title:after {content: ""; position: absolute; width: 15px; height: 15px; left: 0; top: 50%; transform: translateY(-50%); border-radius: 50%; border: 3px solid #0193de;}
.job_list_ul li .job_list_name .place {width: 14.4%; text-align: center; font-size: 16px;}
.job_list_ul li .job_list_name .recruits {width: 37.8%; text-align: center; font-size: 14px;}
.job_list_ul li .job_list_name .recruits span {font-size: 16px;}
.job_list_ul li .job_list_name .time {width: 13.2%; text-align: center; font-size: 14px;}
.job_list_ul li .job_list_name.nav-show .place,.job_list_ul li .job_list_name.nav-show .recruits,.job_list_ul li .job_list_name.nav-show .time {opacity: 0; width: 0;}
.job_list_ul li .job_list_name.nav-show .title {width: 100%;}

.job_list_txt {display: none;}
.job_list_txt .job_list_txt_t {padding-bottom: 20px; border-bottom: 1px solid #e0e0e0; overflow: hidden; padding-left: 3.8%; padding-top: 10px;}
.job_list_txt .job_list_txt_t div {float: left; color: #4c4c4c; margin-bottom: 10px; min-width: 23%; padding-right: 2%;}
.job_list_txt .job_list_txt_t div span {font-weight: bold;}
.job_list_txt .job_list_txt_b {padding-left: 3.8%; padding-top: 30px; padding-bottom: 38px;}
.ssjobcon-h3{font-weight: bold; margin-bottom: 5px;color: #4c4c4c;}
.ssjobcon-p1 {line-height: 24px;color: #4c4c4c;}

.mailto_box {position: relative; margin-top: 25px;}
.mailto_box .i_top {position: absolute; right: 25px; top: 50%; width: 27px; height: 27px; background: url(../images/icon2.png) no-repeat; transform: translateY(-50%); cursor: pointer; overflow: hidden;}
.mailto_box .i_top:hover {background-position: left bottom;}

.mailto {display: inline-block; padding: 13px; background-color: #0193de; color: #fff;}
.mt50 {margin-top: 50px;}

.prev-view a {margin-bottom: 10px;}

@media screen and (max-width: 1180px) {
	.wide {padding: 0 15px;}
	.about,.develop {padding: 60px 15px 70px;}
	.honor,.environment {padding-bottom: 60px;}
	.about .about_box {margin-bottom: 60px;}
	.about_list li p {font-size: 16px;}
	.job {padding: 45px 15px;}
	.job_list {padding-bottom: 60px;}
}
@media screen and (max-width: 1024px) {
	.honor_box .honor_list li {width: 48%; margin-right: 4%;}
	.honor_box .honor_list li:nth-child(3n) {margin-right: 4%;}
	.honor_box .honor_list li:nth-child(2n) {margin-right: 0;}
	.honor,.environment {padding-bottom: 40px;}
	.about,.develop {padding: 40px 15px 40px;}
	.about .about_box {margin-bottom: 40px;}
	.about_list li {width: 49%; margin-right: 2%; margin-bottom: 20px;}
	.about_list li:nth-child(2n) {margin-right: 0;}

	.develop_list li {width: 23%; margin-right: 2.667%;}
	.develop_list li:nth-child(5n) {margin-right: 2.667%;}
	.develop_list li:nth-child(4n) {margin-right: 0;}
	.view {margin-top: 30px;}

	.job_list {padding-bottom: 50px;}
}
@media screen and (max-width: 768px) {
	.honor,.environment {padding-bottom: 30px;}
	.about,.develop {padding: 30px 15px 30px;}
	.sanmenu-ul li p {font-size: 14px;}
	.environment_box .environment_list li {width: 48%; margin-right: 4%;}
	.environment_box .environment_list li:nth-child(3n) {margin-right: 4%;}
	.environment_box .environment_list li:nth-child(2n) {margin-right: 0;}
	.about .about_txt .txt {margin-top: 20px;}
	.about .about_txt h3 {font-size: 26px;}
	.about .about_box {margin-bottom: 30px;}
	.develop_1 {width: 90%;}

	.develop_bot,.develop_list {margin-top: 40px;}
	.view {margin-top: 20px;}

	.job {padding: 35px 15px;}
	.job_list {padding-bottom: 60px;}

	.job_top {padding: 30px 20px;}

	.job_search form span {width: 26%;}
	.job_search input.search-text,.job_search input.search-btn {font-size: 14px;}
	.job_search input.search-text {width: 40%;}
	.job_search input.search-btn {width: auto; padding-left: 6%; padding-right: 2%;}
	
	.job_list_top,.job_list_ul li .job_list_name {height: 50px; line-height: 50px;}
	.job_list_top div {font-size: 16px;}

	.job_list_ul li .job_list_name .title {width: 55%;}
	.job_list_ul li .job_list_name .recruits {width: 17%;}
	.job_list_ul li .job_list_name .title:after {width: 10px; height: 10px;}
	.job_top .job_txt h3 {font-size: 22px;}
	.job_top .job_txt p {font-size: 14px;}
	.job_search {padding: 30px 0;}
	.job_list_txt .job_list_txt_t div {width: 48%;}
	.job_list_txt .job_list_txt_t {padding-bottom: 10px;}
	.job_list_txt .job_list_txt_b {padding: 25px 0 25px 3.8%;}
	
	.job_list_top .title {width: 54%; padding-left: 6.5%;}
	.job_list_top .place {width: 15%; text-align: center;}
	.job_list_top .recruits {width: 18%; text-align: center;}
	.job_list_top .time {width: 13%; text-align: center;}

	.mt50 {margin-top: 40px;}
}
@media screen and (max-width: 640px) {
	.honor_box .honor_list li,.environment_box .environment_list li {width: 100%; margin-right: 0;}
	.honor_box .honor_list li:nth-child(3n),.environment_box .environment_list li:nth-child(3n) {margin-right: 0;}
	.honor_box .honor_list li:nth-child(2n),.environment_box .environment_list li:nth-child(2n) {margin-right: 0;}
	.honor_box .honor_list li:last-child,.environment_box .environment_list li:last-child {margin-bottom: 0;}
	.about .about_txt,.about .about_img {width: 100%;}
	.about .about_img {padding-top: 67.5%;}
	.about .about_txt .txt p {font-size: 14px;}
	.about_list li {width: 100%; margin-right: 0%; margin-bottom: 20px;}
	.about_list li:nth-child(2n) {margin-right: 0;}
	.about_list li:last-child {margin-bottom: 0;}

	.develop_list li {width: 47%; margin-right: 6%;}
	.develop_list li:nth-child(5n) {margin-right: 6%;}
	.develop_list li:nth-child(4n) {margin-right: 6%;}
	.develop_list li:nth-child(2n) {margin-right: 0;}
	.develop_1 .swiper-slide {width: 33.3%; padding-top: 4px;}
	.preview .swiper-button-prev, .preview .swiper-container-rtl .swiper-button-next, .preview .swiper-button-next, .preview .swiper-container-rtl .swiper-button-prev {width: 28px; height: 28px; background-size: 200%;}
	.develop_1:after {top: 14px;}
	.develop_1 {width: 83%;}
	.develop_bot,.develop_list {margin-top: 30px;}
	.preview .swiper-slide p {font-size: 16px;}
	.job_img {position: relative; top: 0; transform: translateY(0); width: 100%; text-align: center; right: 0; margin-top: 10px;}
	.job_top .job_txt {width: 100%;}
	.job_top {padding: 20px;}
	.job_list_txt .job_list_txt_t div {width: 98%;}
	.job_list_ul li .job_list_name .title,.job_list_txt .job_list_txt_t,.job_list_txt .job_list_txt_b {padding-left: 30px;}
	.job_list_top div {font-size: 16px;}
	.job_list_top .title {padding-left: 0; text-align: center;}

	.job_search {padding: 20px 0;}
	.job_search input.search-btn {display: none;}
	.job_search input.search-btn.dn {display: block; padding: 0; width: 10%; background-position: center center;}
	.job_search form {height: 34px; line-height: 34px;}
	.job_search form span {/*width: auto;*/ font-size: 14px; padding-right: 5px;}
	.job_search input.search-text {width: 58%;}
	.job_list_ul li .job_list_name .place,.job_list_ul li .job_list_name .time {opacity: 0; width: 0;}
	.job_list_ul li .job_list_name .title {width: 70%; font-size: 12px}
	.job_list_ul li .job_list_name .recruits {width: 30%;}

	.job_list_top .title {width: 70%; padding-left: 30px; text-align: left;}
	.job_list_top .place ,.job_list_top .time {display: none;}
	.job_list_top .recruits {width: 30%; text-align: center;}

	.mt50 {margin-top: 30px;}
	.job_list {padding-bottom: 40px;}
}
@media screen and (max-width: 320px) {
	.develop_1 .swiper-slide {width: 50%; padding-top: 4px;}
	.develop_bot,.develop_list {margin-top: 20px;}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), not all, not all {
	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url(../images/fancybox_sprite.png);}
	.fancybox-close {background-image: url(../images/fancybox_sprite.png);}
	.fancybox-nav span {visibility: initial;}

	.job_search form span {font-size: 12px;}
	.job_search input.search-btn.dn {width: 12%;}
}