锘?about_image1 {font-size:0px;}
#about_image1 a {display:inline-block;margin:25px 30px 0px 0px;width:280px;font-size:0px;text-align:center;vertical-align:top;}
#about_image1 a:nth-child(3n) {margin-right:0;}
#about_image1 a img {padding:4px;width:270px;height:203px;transition:none;border:1px solid #ddd;}
#about_image1 a img:hover {padding:3px;border:2px solid #018ad7;}
#about_image1 a p {padding-top:8px;font-size:14px;line-height:1.4;}

.tits {padding-top:100px;color:#222;text-align:center;}
.tits p {margin-bottom:8px;font-family:"din-bold";font-size:16px;font-weight:bold;text-transform:uppercase;}
.tits h2 {font-size:48px;line-height:1;}

#gywm {padding-top:1px;background-color:#fff;}
#gywm .profile {margin-top:100px;background:url(../images/aboutus_bg.jpg) no-repeat center bottom;}
#gywm .profile > div {display:flex;justify-content:space-between;}
#gywm .profile .text {flex:1 1 auto;margin-right:130px;}
#gywm .profile .text .tits {padding-top:0;text-align:left;}
#gywm .profile .text .editorc {margin-top:35px;padding-bottom:125px;}
#gywm .profile .r {flex:0 0 auto;width:700px;}
#gywm .profile .szys {display:flex;justify-content:space-between;}
#gywm .profile .szys li {display:flex;flex-direction:column;justify-content:space-between;height:78px;}
#gywm .profile .szys li div {color:#222;}
#gywm .profile .szys li .counter {margin-right:10px;font-family:"din-bold";font-size:48px;font-weight:bold;line-height:1;}
#gywm .profile .szys li .wz {position:relative;top:-5px;font-size:18px;font-weight:bold;line-height:1;}
#gywm .profile .szys li:first-child .counter {color:#f3150a;}
#gywm .profile .imgs {position:relative;margin-top:40px;font-size:0;}
#gywm .profile .imgs img {width:100%;}
#gywm .profile .imgs a {position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:url(../images/play2.png) no-repeat center center;}
#gywm .profile .imgs a.sj {display:none;}

#gywm .vision {height:710px;background:url(../images/vision_bg.jpg) no-repeat center top;}
#gywm .vision .tits {padding-top:15px;color:#fff;text-align:left;}
#gywm .vision .list {display:flex;margin-top:50px;}
#gywm .vision .list li {position:relative;margin-right:2%;padding:68px 130px 30px 48px;width:32%;min-height:250px;vertical-align:top;border-radius:3px;box-sizing:border-box;background-color:#fdf4f4;transition:ease-out 300ms;}
#gywm .vision .list li:nth-child(3n) {margin-right:0;}
#gywm .vision .list li h3 {color:#222;font-size:24px;}
#gywm .vision .list li h3:after {display:block;margin-top:15px;margin-bottom:15px;width:20px;height:4px;background-color:#f3150a;content:"";}
#gywm .vision .list li p {color:#999;line-height:1.8;}
#gywm .vision .list li div {position:absolute;top:38px;right:35px;z-index:2;height:50px;font-size:0;text-align:center;}
#gywm .vision .list li div span {max-height:100%;}
#gywm .vision .list li div img {max-height:100%;}
#gywm .vision .list li:hover {box-shadow:0 0 10px rgba(0,0,0,0.3);transform:translateY(-20px);}

#gywm .fzlc {background:url(../images/fzlc_bg.jpg) no-repeat center bottom/cover;}
#gywm .fzlc > div {position:relative;padding-bottom:120px;min-height:800px;box-sizing:border-box;}
#gywm .fzlc .tits {color:#fff;}
#gywm .fzlc .cont {margin-top:60px;color:#fff;}
#gywm .fzlc .cont .swiper-slide {text-align:center;}
#gywm .fzlc .cont .swiper-slide h4 {color:#1cc6b1;font-size:48px;line-height:1;}
#gywm .fzlc .cont .swiper-slide h4 span {font-size:26px;font-weight:normal;}
#gywm .fzlc .cont .swiper-slide p {margin-top:40px;font-size:28px;line-height:1.6;}
#gywm .fzlc .cont .swiper-slide p:after {display:block;margin:30px auto 0 auto;width:48px;height:3px;content:"";background-color:#ffc229;}
#gywm .fzlc .year {position:absolute;bottom:80px;left:0;width:100%;height:90px;box-sizing:border-box;}
#gywm .fzlc .year .swiper-slide span {display:block;margin:0 auto;width:90px;height:90px;line-height:90px;color:#999;font-family:"din-bold";font-size:24px;font-weight:bold;text-align:center;border-radius:50%;background-color:#fff;cursor:pointer;transition:font-size ease-out 200ms;overflow:hidden;}
#gywm .fzlc .year .swiper-slide:hover span {font-size:32px;}
#gywm .fzlc .year .swiper-slide-active span {color:#fff;background-color:#f3150a;}
#gywm .fzlc .year .swiper-button {position:absolute;top:50%;display:block;margin-top:-35px;width:70px;height:70px;line-height:70px;color:#999;font-size:30px;text-align:center;border-radius:50%;background-color:#fff;cursor:pointer;}
#gywm .fzlc .year .swiper-button:hover {color:#fff;background-color:#f3150a;}
#gywm .fzlc .year .swiper-prev {left:-150px;}
#gywm .fzlc .year .swiper-next {right:-150px;}

#gywm .history {height:840px;background:url(../images/history_bg.jpg) no-repeat center top;}
#gywm .history .cont {margin:65px auto 0 auto;width:1268px;height:290px;overflow:hidden;}
#gywm .history .cont .swiper-slide {display:flex;align-items:center;}
#gywm .history .cont .imgs {flex:0 0 auto;width:506px;font-size:0;overflow:hidden;}
#gywm .history .cont .imgs img {width:100%;transition:transform ease-out 400ms;}
#gywm .history .cont .imgs img:hover {transform:scale(1.1);}
#gywm .history .cont .text {flex:1 1 auto;padding-left:120px;}
#gywm .history .cont .text h3 {color:#222;font-size:36px;line-height:1;}
#gywm .history .cont .text p {margin-top:25px;color:#666;line-height:1.8;}
#gywm .history .year {position:relative;margin-top:70px;}
#gywm .history .year:after {position:absolute;top:22px;left:0;z-index:1;display:block;width:100%;height:1px;background-color:#ccced2;content:"";}
#gywm .history .year > div {position:relative;}
#gywm .history .year .swiper-container {z-index:2;}
#gywm .history .year .swiper-slide {position:relative;text-align:center;}
#gywm .history .year .swiper-slide span {display:inline-block;margin-top:20px;padding-top:20px;font-family:"din-bold";font-size:18px;font-weight:bold;color:#666;cursor:pointer;}
#gywm .history .year .swiper-slide span:before {position:absolute;top:19px;left:50%;display:block;margin-left:-3.5px;width:7px;height:7px;border-radius:50%;background-color:#909090;content:"";}
#gywm .history .year .swiper-slide-active span {color:#f3150a;}
#gywm .history .year .swiper-slide-active span:before {background-color:#f3150a;}
#gywm .history .year .swiper-button {position:absolute;top:0;z-index:2;display:block;width:43px;height:43px;border-radius:50%;border:1px solid #d9d9d9;cursor:pointer;}
#gywm .history .year .swiper-button i {position:absolute;top:50%;left:50%;display:block;margin-top:-10px;margin-left:-10px;width:20px;height:20px;line-height:20px;color:#565656;font-size:12px;text-align:center;border-radius:50%;}
#gywm .history .year .swiper-button:hover {border-color:#f3150a;}
#gywm .history .year .swiper-button:hover i {color:#fff;background-color:#f3150a;}
#gywm .history .year .swiper-prev {left:-100px;}
#gywm .history .year .swiper-next {right:-100px;}

#gywm .ywbj {min-height:940px;background:url(../images/ywbj_bg2.jpg) no-repeat center top #013281;}
#gywm .ywbj .cont {display:flex;justify-content:space-between;margin-top:60px;}
#gywm .ywbj .map {flex:0 0 auto;width:824px;font-size:0;}
#gywm .ywbj .map img {width:100%;}
#gywm .ywbj .map-m {display:none;font-size:0;}
#gywm .ywbj .map-m img {width:100%;}
#gywm .ywbj .list {padding-top:60px;width:450px;color:#333;}
#gywm .ywbj .list li {padding-top:25px;padding-bottom:25px;border-bottom:1px solid #144086;cursor:pointer;}
#gywm .ywbj .list li:first-child {padding-top:0;}
#gywm .ywbj .list li h3 {position:relative;font-size:24px;line-height:1;}
#gywm .ywbj .list li h3 i {position:absolute;top:8px;right:0;display:block;color:#000;font-size:12px;font-weight:normal;}
#gywm .ywbj .list li p {padding-top:0;height:0;color:#666;line-height:1.8;opacity:0;transition:all linear 300ms;overflow:hidden;}
#gywm .ywbj .list li.active h3 {color:#f60c00;}
#gywm .ywbj .list li.active h3 i {color:#f60c00;font-weight:bold;transform:rotate(180deg);}
#gywm .ywbj .list li.active p {padding-top:15px;height:auto;opacity:1;}

#gywm .honor .swiper-container {margin-top:45px;}
#gywm .honor .swiper-slide {text-align:center;}
#gywm .honor .swiper-slide a {display:block;position:relative;color:#909090;border:1px solid #efefef;background-color:#fff;}
#gywm .honor .swiper-slide a .imgs {padding:30px;height:270px;font-size:0;overflow:hidden;}
#gywm .honor .swiper-slide a .imgs span {max-height:100%;}
#gywm .honor .swiper-slide a .imgs img {max-width:100%;max-height:100%;transition:transform ease-out 400ms;}
#gywm .honor .swiper-slide a .name {margin-left:30px;margin-right:30px;height:67px;border-top:1px solid #efefef;overflow:hidden;}
#gywm .honor .swiper-slide a:hover {color:#f3150a;border-bottom-color:#f3150a;}
#gywm .honor .swiper-slide a:hover:after {position:absolute;bottom:0;left:0;right:0;display:block;height:1px;background-color:#f3150a;content:"";}
#gywm .honor .swiper-slide a:hover .imgs img {transform:scale(1.08);}
#gywm .honor .swiper-button {position:relative;margin-top:40px;height:45px;}
#gywm .honor .swiper-button > span {position:absolute;top:0;z-index:2;display:block;width:43px;height:43px;border-radius:50%;border:1px solid #d9d9d9;cursor:pointer;}
#gywm .honor .swiper-button > span i {position:absolute;top:50%;left:50%;display:block;margin-top:-10px;margin-left:-10px;width:20px;height:20px;line-height:20px;color:#565656;font-size:12px;text-align:center;border-radius:50%;}
#gywm .honor .swiper-button > span:hover {border-color:#f3150a;}
#gywm .honor .swiper-button > span:hover i {color:#fff;background-color:#f3150a;}
#gywm .honor .swiper-prev {right:74px;}
#gywm .honor .swiper-next {right:0;}
#gywm .honor .swiper-pagination {display:flex;top:50%;left:0;margin-top:-1px;width:85%;height:2px;background:#e9e9e9;}
#gywm .honor .swiper-pagination span {flex:1 1 auto;margin:0;width:auto;height:100%;font-size:0;border-radius:0;background:#e9e9e9;opacity:0;transition:all ease-out 300ms;overflow:hidden;}
#gywm .honor .swiper-pagination span.swiper-pagination-bullet {margin:0;}
#gywm .honor .swiper-pagination span.swiper-pagination-bullet-active {opacity:1;background:#f3150a;}
#gywm .honor .swiper-scrollbar {position:absolute;top:50%;margin-top:-1px;width:85%;height:2px;background:#e9e9e9;}

#gywm .partner {margin-top:100px;background:url(../images/partner_bg.jpg) no-repeat center center/cover;}
#gywm .partner .list {display:flex;flex-flow:row wrap;padding-top:35px;padding-bottom:100px;}
#gywm .partner .list li {margin-top:1.1%;margin-right:1.1%;padding:20px;width:15.75%;height:105px;font-size:0;text-align:center;box-sizing:border-box;background-color:#fff;transition:box-shadow ease-out 250ms;overflow:hidden;}
#gywm .partner .list li:nth-child(6n) {margin-right:0;}
#gywm .partner .list li span {max-height:100%;}
#gywm .partner .list li img {max-width:100%;max-height:100%;transition:transform ease-out 400ms;}
#gywm .partner .list li:hover {box-shadow:0 0 8px rgba(0,0,0,0.2);}
#gywm .partner .list li:hover img {transform:scale(1.08);}

#jobs .list {padding-top:60px;padding-bottom:90px;}
#jobs .list li {margin-top:30px;}
#jobs .intro {padding:0 40px;background-color:#fff;}
#jobs .intro .name {position:relative;padding-top:25px;padding-bottom:25px;}
#jobs .intro .name h3 {padding-right:200px;color:#333;font-size:22px;line-height:1.4;}
#jobs .intro .name h3:before {position:relative;top:3px;display:inline-block;margin-right:10px;width:23px;height:24px;vertical-align:top;background:url(../images/icon1.png) no-repeat right top;content:"";}
#jobs .intro .name .date {display:flex;align-items:center;position:absolute;top:0;right:0;height:100%;color:#999;font-family:"din-bold";font-size:16px;font-weight:bold;}
#jobs .intro .name .date span {margin-right:12px;color:#e11a10;}
#jobs .intro .info {position:relative;padding-top:25px;padding-bottom:25px;border-top:1px solid #f5f5f5;}
#jobs .intro .info p {display:inline-block;width:20%;color:#808080;vertical-align:top;}
#jobs .intro .info p:nth-child(3) {width:25%;}
#jobs .intro .info span {display:flex;align-items:center;position:absolute;top:0;right:0;height:100%;color:rgba(51,51,51,0.3);font-family:"din-bold";font-size:16px;font-weight:bold;cursor:pointer;}
#jobs .intro .info span i {position:relative;top:1px;margin-left:10px;font-size:14px;}
#jobs .intro:hover {box-shadow:0 20px 30px rgba(226,30,21,0.25);background:url(../images/bg2.png) no-repeat right top #e11a10;}
#jobs .intro:hover .name h3 {color:#fff;}
#jobs .intro:hover .name h3:before {background-position:left top;}
#jobs .intro:hover .date {color:#fff;}
#jobs .intro:hover .date span {color:#fff;}
#jobs .intro:hover .info {border-top-color:#e32a21;}
#jobs .intro:hover .info p {color:#fff;}
#jobs .intro:hover .info span {color:#fff;}
#jobs .detail {display:none;flex-direction:column;justify-content:center;position:fixed;top:0;left:0;z-index:99;width:100%;height:100%;background-color:rgba(0,0,0,0.5);}
#jobs .detail .cont {display:flex;flex-direction:column;margin:0 auto;width:1400px;height:80%;background-color:#fff;}
#jobs .detail .info {flex:0 0 auto;position:relative;padding:40px 80px;background:url(../images/bg3.jpg) no-repeat center center/cover;}
#jobs .detail .info h3 {color:#222;font-size:36px;}
#jobs .detail .info dl {margin-top:20px;}
#jobs .detail .info dl dd {display:inline-block;margin-right:60px;color:#909090;vertical-align:top;}
#jobs .detail .info dl dd:last-child {margin-right:0;}
#jobs .detail .info a {position:absolute;bottom:40px;right:80px;display:flex;align-items:center;margin-top:-28px;padding:0 18px 0 25px;height:56px;color:#fff;font-size:16px;font-weight:bold;border-radius:28px;background-color:#f3150a;}
#jobs .detail .info a i {margin-left:22px;width:24px;height:24px;line-height:24px;color:#f3150a;font-size:12px;text-align:center;border-radius:50%;background-color:#fff;}
#jobs .detail .info .close {position:absolute;top:0;right:0;display:block;width:50px;height:50px;line-height:50px;color:#f3150a;font-size:14px;font-weight:bold;text-align:center;background-color:#f5ecee;cursor:pointer;}
#jobs .detail .text {flex:1 1 auto;padding:1px 80px 40px 80px;overflow-y:auto;}
/*
#jobs .detail .text::-webkit-scrollbar {width:6px;height:1px;background-color:#eaeaea;}
#jobs .detail .text::-webkit-scrollbar-thumb {border-radius:6px;background:#f3150a;}
*/
#jobs .detail .text .tis {margin-top:45px;color:#f3150a;font-size:18px;}
#jobs .detail .text .editorc {margin-top:15px;color:#808080;}

#contact {background-color:#fff;}
#contact .cont {display:flex;padding-top:90px;padding-bottom:90px;}
#contact .info {flex:1 1 auto;margin-right:140px;color:#000;}
#contact .info .name {padding-bottom:40px;color:#222;font-size:48px;line-height:1;border-bottom:2px solid #333;}
#contact .info .name span {display:block;margin-top:15px;color:#f3150a;font-size:22px;text-transform:uppercase;}
#contact .info .lxfs .lr {display:flex;padding-top:20px;padding-bottom:20px;border-bottom:1px solid #f5f5f5;}
#contact .info .lxfs .lr > div {width:50%;min-height:60px;box-sizing:border-box;}
#contact .info .lxfs .items {display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;background-repeat:no-repeat;}
#contact .info .lxfs .items span {color:#999;}
#contact .info .lxfs .items p {margin-top:5px;}
#contact .info .lxfs .address {padding-top:20px;padding-bottom:20px;padding-left:62px;min-height:100px;border-bottom:1px solid #f5f5f5;background-image:url(../images/icon-address.png);background-position:left center;}
#contact .info .lxfs .email {padding-left:62px;background-image:url(../images/icon-email.png);background-position:left center;}
#contact .info .lxfs .fax {padding-left:62px;background-image:url(../images/icon-fax2.png);background-position:left center;}
#contact .info .lxfs .tel {padding-left:100px;background-image:url(../images/icon-tel.png);background-position:40px center;border-left:1px solid #f5f5f5;}
#contact .info .lxfs .website {padding-left:100px;background-image:url(../images/icon-website.png);background-position:40px center;border-left:1px solid #f5f5f5;}
#contact .info .qrcode {margin-top:40px;font-size:0;}
#contact .info .qrcode dd {display:inline-block;margin-right:20px;width:130px;text-align:center;vertical-align:top;}
#contact .info .qrcode dd:last-child {margin-right:0;}
#contact .info .qrcode dd img {padding:3px;width:100%;box-sizing:border-box;border:1px solid #e3e3e3;}
#contact .info .qrcode dd p {margin-top:12px;font-size:16px;}

#contact .message {flex:0 0 auto;padding:60px;width:640px;height:635px;box-sizing:border-box;background:url(../images/contact_bg2.png) no-repeat;}
#contact .message h2 {margin-bottom:25px;color:#222;font-size:48px;line-height:1;}
#contact .message .items {margin-top:10px;font-size:0;}
#contact .message .items input {padding:0 15px;width:100%;height:70px;color:#000;border:2px solid #f4f6f7;background-color:#f1f3f5;}
#contact .message .items textarea {padding:10px 15px;width:100%;height:184px;line-height:1.7;color:#000;border:2px solid #f4f6f7;background-color:#f1f3f5;}
#contact .message .name .items {display:inline-block;width:49%;vertical-align:top;}
#contact .message .name .items:nth-child(2) {margin-left:2%;}
#contact .message .btns {margin-top:30px;}
#contact .message .btns button {width:180px;height:56px;color:#fff;font-size:18px;font-weight:bold;box-sizing:border-box;border-radius:28px;border:none;background-color:#f3150a;cursor:pointer;}

#contact .mapimg {font-size:0;}
#contact .mapimg img {width:100%;}
#contact .map {height:600px;font-size:0;background-size:0 0;background-repeat:no-repeat;background-position:center center;overflow:hidden;}
#contact .map div {position:relative;left:50%;margin-left:-960px;width:1920px;text-align:center;}

@media only screen and (max-width: 1680px){
	#gywm .fzlc .year .swiper-prev {left:-100px;}
	#gywm .fzlc .year .swiper-next {right:-100px;}
}

@media only screen and (max-width: 1440px){
	#gywm .fzlc .year {padding-left:100px;padding-right:100px;}
	#gywm .fzlc .year .swiper-prev {left:0;}
	#gywm .fzlc .year .swiper-next {right:0;}
	#gywm .history .year > div {padding-left:45px;padding-right:45px;}
	#gywm .history .year .swiper-prev {left:0;}
	#gywm .history .year .swiper-next {right:0;}
	#jobs .detail .cont {width:1280px;}
}

@media only screen and (max-width: 1280px){
	.tits {padding-top:6%;}
	.tits p {font-size:14px;}
	.tits h2 {font-size:36px;}

	#gywm .profile {margin-top:6%;}
	#gywm .profile .text {margin-right:6%;}
	#gywm .profile .text .editorc {margin-top:30px;}
	#gywm .profile .r {width:50%;}
	#gywm .profile .szys li {height:65px;}
	#gywm .profile .szys li .counter {margin-right:8px;font-size:36px;}
	#gywm .profile .szys li .wz {top:-3px;font-size:14px;}
	#gywm .profile .imgs {margin-top:35px;}
	
	#gywm .vision {padding-bottom:6%;height:auto;}
	#gywm .vision .tits {padding-top:0;}
	#gywm .vision .list {margin-top:4%;}
	#gywm .vision .list li {padding:30px 130px 30px 30px;min-height:180px;}
	#gywm .vision .list li h3 {font-size:18px;}
	#gywm .vision .list li h3:after {height:3px;}
	#gywm .vision .list li div {top:25px;right:25px;}
	
	#gywm .fzlc > div {padding-bottom:120px;min-height:600px;}
	#gywm .fzlc .cont {margin-top:60px;}
	#gywm .fzlc .cont .swiper-slide h4 {font-size:42px;}
	#gywm .fzlc .cont .swiper-slide h4 span {position:relative;top:-3px;font-size:22px;}
	#gywm .fzlc .cont .swiper-slide p {margin-top:30px;font-size:22px;}
	#gywm .fzlc .cont .swiper-slide p:after {margin-top:20px;}
	#gywm .fzlc .year {padding-left:140px;padding-right:140px;bottom:50px;height:70px;}
	#gywm .fzlc .year .swiper-slide span {width:70px;height:70px;line-height:70px;font-size:20px;}
	#gywm .fzlc .year .swiper-slide:hover span {font-size:24px;}
	#gywm .fzlc .year .swiper-button {margin-top:-25px;width:50px;height:50px;line-height:50px;font-size:20px;}
	#gywm .fzlc .year .swiper-prev {left:4%;}
	#gywm .fzlc .year .swiper-next {right:4%;}
	
	#gywm .history {padding-bottom:6%;height:auto;background-size:cover;}
	#gywm .history .cont {margin-top:4%;padding-left:4%;padding-right:4%;width:100%;height:auto;box-sizing:border-box;}
	#gywm .history .cont .imgs {width:42%;}
	#gywm .history .cont .text {padding-left:6%;}
	#gywm .history .cont .text h3 {font-size:22px;}
	#gywm .history .cont .text p {margin-top:20px;}
	#gywm .history .year {margin-top:4%;}
	#gywm .history .year > div {padding-left:calc(4% + 45px);}
	#gywm .history .year > div {padding-right:calc(4% + 45px);}
	#gywm .history .year .swiper-prev {left:4%;}
	#gywm .history .year .swiper-next {right:4%;}
	
	#gywm .ywbj {padding-bottom:6%;min-height:auto;}
	#gywm .ywbj .cont {margin-top:4%;}
	#gywm .ywbj .map {width:54%;}
	#gywm .ywbj .list {padding-top:4%;width:40%;}
	#gywm .ywbj .list li {padding-top:20px;padding-bottom:20px;}
	#gywm .ywbj .list li h3 {font-size:18px;}
	#gywm .ywbj .list li.active p {padding-top:10px;}
	
	#gywm .partner {margin-top:6%;}
	#gywm .partner .list {padding-top:2%;padding-bottom:6%;}
	#gywm .partner .list li {height:90px;}
	
	#jobs .list {padding-top:3%;padding-bottom:6%;}
	#jobs .list li {margin-top:3%;}
	#jobs .detail .cont {width:92%;}
	#jobs .detail .info {padding:25px 30px;}
	#jobs .detail .info h3 {font-size:22px;}
	#jobs .detail .info dl {margin-top:10px;}
	#jobs .detail .info dl dd {margin-right:50px;}
	#jobs .detail .info a {bottom:25px;right:50px;margin-top:-23px;padding:0 15px 0 20px;height:46px;line-height:46px;font-size:14px;border-radius:23px;}
	#jobs .detail .info a i {margin-left:15px;width:20px;height:20px;line-height:20px;font-size:12px;}
	#jobs .detail .info .close {width:40px;height:40px;line-height:40px;font-size:12px;}
	#jobs .detail .text {padding:1px 30px 30px 30px;}
	#jobs .detail .text .tis {margin-top:30px;font-size:16px;}
	#jobs .detail .text .editorc {margin-top:10px;}
	
	#contact .cont {padding-top:6%;padding-bottom:6%;}
	#contact .info {margin-right:6%;}
	#contact .info .name {padding-bottom:20px;font-size:36px;}
	#contact .info .name span {margin-top:15px;font-size:18px;}
	#contact .info .qrcode {margin-top:30px;}
	#contact .info .qrcode dd p {margin-top:10px;font-size:14px;}
	#contact .message {padding:40px;width:550px;height:546px;background-size:100% 100%;}
	#contact .message h2 {margin-bottom:15px;font-size:36px;}
	#contact .message .items input {padding:0 12px;height:60px;}
	#contact .message .items textarea {padding:8px 10px;height:180px;line-height:1.7;}
	#contact .map {height:500px;}
}

@media only screen and (max-width: 1024px){
	.tits h2 {font-size:24px;}
	
	#gywm .profile > div {display:block;}
	#gywm .profile .text {margin-right:0;width:100%;}
	#gywm .profile .text .tits {text-align:center;}
	#gywm .profile .text .editorc {margin-top:3%;padding-bottom:0;}
	#gywm .profile .r {width:100%;}
	#gywm .profile .szys {margin-top:4%;}
	#gywm .profile .szys li {height:55px;}
	#gywm .profile .szys li .counter {margin-right:5px;font-size:28px;}
	#gywm .profile .szys li .wz {top:-2px;font-size:14px;}
	#gywm .profile .imgs {margin-top:4%;}
	
	#gywm .vision .tits {padding-top:6%;}
	#gywm .vision .list li {padding-right:100px;}
	
	#gywm .fzlc .year {padding-left:100px;padding-right:100px;bottom:40px;height:60px;}
	#gywm .fzlc .year .swiper-slide span {width:60px;height:60px;line-height:60px;font-size:16px;}
	#gywm .fzlc .year .swiper-slide:hover span {font-size:20px;}
	#gywm .fzlc .year .swiper-button {margin-top:-22px;width:42px;height:42px;line-height:42px;font-size:18px;}
	
	#gywm .ywbj .list li h3 {font-size:16px;}
	
	#gywm .honor .swiper-container {margin-top:4%;}
	#gywm .honor .swiper-slide a .imgs {padding:20px;height:240px;}
	#gywm .honor .swiper-slide a .name {margin-left:20px;margin-right:20px;height:55px;}
	#gywm .honor .swiper-button {margin-top:4%;}
	#gywm .honor .swiper-prev {right:60px;}
	
	#gywm .partner .list li {padding:15px;height:70px;}
	
	#jobs .intro {padding:0 25px;}
	#jobs .intro .name {padding-top:20px;padding-bottom:20px;}
	#jobs .intro .name h3 {font-size:18px;}
	#jobs .intro .name h3:before {margin-right:10px;width:19px;height:20px;background-size:auto 20px;}
	#jobs .intro .name .date {font-size:14px;}
	#jobs .intro .info {padding-top:20px;padding-bottom:20px;}
	#jobs .intro .info span {font-size:14px;}
	#jobs .intro:hover {box-shadow:0 10px 20px rgba(226,30,21,0.25);}
	
	#contact .cont {display:block;}
	#contact .info {margin-right:0;}
	#contact .info .name {padding-bottom:20px;font-size:28px;}
	#contact .info .name span {margin-top:10px;font-size:16px;}
	#contact .message {margin-top:6%;}
	#contact .message h2 {font-size:28px;}
	#contact .map {height:500px;background-size:auto 100%;}
	#contact .map div {display:none;}
}

@media only screen and (max-width: 800px){
	#gywm .fzlc > div {padding-bottom:100px;min-height:450px;}
	#gywm .fzlc .cont {margin-top:50px;}
	#gywm .fzlc .cont .swiper-slide h4 {font-size:24px;}
	#gywm .fzlc .cont .swiper-slide h4 span {position:relative;top:-2px;font-size:16px;}
	#gywm .fzlc .cont .swiper-slide p {margin-top:30px;font-size:16px;}
	#gywm .partner .list li {margin-top:3%;margin-right:3%;padding:15px;width:31.33333%;height:105px;}
	#gywm .partner .list li:nth-child(3n) {margin-right:0;}
	
	#jobs .intro .name h3 {padding-right:150px;}
	#jobs .intro .info {padding-top:10px;padding-bottom:10px;}
	#jobs .intro .info p {padding-top:5px;padding-bottom:5px;width:50%;}
	#jobs .intro .info p:nth-child(3) {width:50%;}
	#jobs .detail .info {padding:15px 20px;}
	#jobs .detail .info h3 {font-size:18px;}
	#jobs .detail .info dl {margin-top:0;}
	#jobs .detail .info dl dd {margin-top:10px;margin-right:0;width:40%;}
	#jobs .detail .info a {bottom:15px;right:20px;margin-top:-16px;padding:0 10px 0 15px;height:32px;font-size:14px;border-radius:16px;}
	#jobs .detail .info a i {margin-left:10px;width:16px;height:16px;line-height:16px;font-size:10px;}
	#jobs .detail .text {padding:1px 20px 20px 20px;}
	#jobs .detail .text .tis {margin-top:20px;}
	
	#contact .info .name {padding-bottom:20px;font-size:20px;}
	#contact .info .name span {margin-top:10px;font-size:14px;}
	#contact .message h2 {font-size:20px;}
	#contact .btns button {width:140px;height:42px;font-size:16px;font-weight:bold;}
	#contact .map {height:450px;}
}

@media only screen and (max-width: 640px){
	#gywm .vision {background:#dd1e26;}
	#gywm .vision .list {display:block;}
	#gywm .vision .list li {margin-top:4%;margin-right:0;padding:20px 100px 20px 20px;width:100%;min-height:auto;}
	#gywm .vision .list li h3 {font-size:16px;}
	#gywm .vision .list li h3:after {margin-top:10px;margin-bottom:10px;width:20px;height:2px;}
	#gywm .vision .list li p {line-height:1.6;}
	#gywm .vision .list li div {top:20px;right:20px;height:40px;}
	#gywm .ywbj {background:#f7e3e2;}
	#gywm .ywbj .cont {display:block;}
	#gywm .ywbj .map {display:none;}
	#gywm .ywbj .map-m {display:block;}
	#gywm .ywbj .list {padding-top:4%;padding-bottom:6%;width:100%;}
	#gywm .history .cont .text {padding-left:4%;}
	#gywm .history .cont .text h3 {font-size:16px;}
	#gywm .history .cont .text p {margin-top:10px;}
	#gywm .honor .swiper-pagination {width:75%;}
	#gywm .partner .list li {height:90px;}
	
	#contact .message {padding:25px;width:100%;height:auto;background-size:cover;}
	#contact .message .btns button {width:130px;height:38px;font-size:16px;}
	#contact .map {height:400px;}
}

@media only screen and (max-width: 480px){
	.tits {padding-top:7%;}
	.tits p {margin-bottom:3px;}
	.tits h2 {font-size:18px;}
	
	#gywm .profile .szys {margin-top:6%;}
	#gywm .profile .szys li {height:45px;}
	#gywm .profile .szys li .counter {margin-right:3px;font-size:22px;}
	#gywm .profile .szys li .wz {top:-1px;font-size:12px;}
	#gywm .profile .imgs {margin-top:6%;}
	#gywm .vision .list li p {color:#666;line-height:1.6;}
	
	#gywm .fzlc > div {padding-bottom:80px;min-height:300px;}
	#gywm .fzlc .cont {margin-top:30px;}
	#gywm .fzlc .cont .swiper-slide h4 {font-size:18px;}
	#gywm .fzlc .cont .swiper-slide h4 span {top:0;font-size:14px;}
	#gywm .fzlc .cont .swiper-slide p {margin-top:12px;font-size:14px;}
	#gywm .fzlc .cont .swiper-slide p:after {margin-top:10px;width:30px;height:3px;}
	#gywm .fzlc .year {padding-left:50px;padding-right:50px;bottom:20px;height:36px;}
	#gywm .fzlc .year .swiper-slide span {width:36px;height:36px;line-height:36px;font-size:13px;}
	#gywm .fzlc .year .swiper-slide:hover span {font-size:13px;}
	#gywm .fzlc .year .swiper-button {margin-top:-14px;width:26px;height:26px;line-height:26px;font-size:12px;}
	
	#gywm .history .cont .swiper-slide {display:block;}
	#gywm .history .cont .imgs {width:100%;}
	#gywm .history .cont .text {padding-top:5%;padding-left:0;}
	#gywm .history .cont .text h3 {font-size:15px;}
	#gywm .history .cont .text p {margin-top:8px;line-height:1.65;}
	#gywm .history .year:after {top:17px;}
	#gywm .history .year .swiper-slide span {margin-top:15px;padding-top:15px;font-size:16px;}
	#gywm .history .year .swiper-slide span:before {top:14px;}
	#gywm .history .year .swiper-button {width:33px;height:33px;}
	#gywm .history .year .swiper-button i {margin-top:-8px;margin-left:-8px;width:16px;height:16px;line-height:16px;font-size:10px;}
	#gywm .honor .swiper-slide a .imgs {padding:12px;height:133px;}
	#gywm .honor .swiper-slide a .name {margin-left:12px;margin-right:12px;height:40px;}
	#gywm .honor .swiper-prev {right:35px;}
	#gywm .honor .swiper-button {height:26px;}
	#gywm .honor .swiper-button > span {width:26px;height:26px;}
	#gywm .honor .swiper-button > span i {margin-top:-8px;margin-left:-8px;width:16px;height:16px;line-height:16px;font-size:10px;}
	#gywm .partner .list li {padding:10px;height:50px;}
	
	#jobs {background-color:#f0f0f0;}
	#jobs .list {padding-top:1px;padding-bottom:4%;}
	#jobs .list li {margin-top:4%;}
	#jobs .intro {padding:0 12px;}
	#jobs .intro .name {padding-top:12px;padding-bottom:10px;}
	#jobs .intro .name h3 {padding-right:120px;font-size:14px;}
	#jobs .intro .name h3:before {top:1px;margin-right:6px;width:13px;height:14px;background-size:auto 14px;}
	#jobs .intro .name .date {top:15px;display:block;height:auto;font-size:12px;}
	#jobs .intro .name .date span {margin-right:5px;}
	#jobs .intro .info {padding-top:5px;padding-bottom:5px;}
	#jobs .intro .info p {display:block;width:100%;}
	#jobs .intro .info p:nth-child(3) {width:100%;}
	#jobs .intro .info p:nth-child(4) {padding-right:60px;box-sizing:border-box;}
	#jobs .intro .info span {display:block;top:auto;bottom:10px;height:auto;font-size:12px;}
	#jobs .intro .info span i {top:0;margin-left:3px;font-size:12px;}
	#jobs .intro:hover {box-shadow:0 5px 10px rgba(226,30,21,0.25);}
	
	#jobs .detail .info {padding:12px 15px;}
	#jobs .detail .info h3 {font-size:14px;line-height:1.4;}
	#jobs .detail .info dl {margin-top:0;}
	#jobs .detail .info dl dd {margin-top:8px;width:100%;font-size:12px;}
	#jobs .detail .info dl dd:last-child {padding-right:100px;box-sizing:border-box;}
	#jobs .detail .info a {bottom:12px;right:15px;margin-top:-14px;padding:0 10px 0 12px;height:28px;font-size:12px;border-radius:14px;}
	#jobs .detail .info .close {width:32px;height:32px;line-height:32px;font-size:10px;}
	#jobs .detail .text {padding:1px 15px 15px 15px;}
	#jobs .detail .text .tis {margin-top:20px;font-size:14px;}
	
	#contact .info .name {padding-bottom:10px;font-size:18px;}
	#contact .info .name span {margin-top:5px;font-size:12px;}
	#contact .info .lxfs .items p {margin-top:3px;line-height:1.5;}
	#contact .info .lxfs .lr {display:block;padding-top:0;padding-bottom:0;border-bottom:none;}
	#contact .info .lxfs .lr > div {padding-top:15px;padding-bottom:15px;width:100%;min-height:80px;border-bottom:1px solid #f5f5f5;}
	#contact .info .lxfs .address {padding-top:15px;padding-bottom:15px;padding-left:45px;min-height:80px;background-size:32px auto;}
	#contact .info .lxfs .email {padding-left:45px;background-position:left center;background-size:32px auto;}
	#contact .info .lxfs .fax {padding-left:45px;background-position:left center;background-size:32px auto;}
	#contact .info .lxfs .tel {padding-left:45px;background-position:left center;background-size:32px auto;border-left:none;}
	#contact .info .lxfs .website {padding-left:45px;background-position:left center;background-size:32px auto;border-left:none;}
	#contact .info .qrcode {margin-top:6%;text-align:center;}
	#contact .message {padding:20px 15px;}
	#contact .message h2 {margin-bottom:0;font-size:18px;}
	#contact .message .items {margin-top:4%;}
	#contact .message .items input {padding:0 10px;height:36px;border-width:1px;}
	#contact .message .items textarea {padding:8px 10px;height:120px;line-height:1.6;border-width:1px;}
	#contact .message .name .items {display:block;margin-top:4%;width:100%;}
	#contact .message .name .items:nth-child(2) {margin-left:0;}
	#contact .message .btns {margin-top:6%;text-align:center;}
	#contact .map {height:350px;}
}