/*flash*/
.flash{position: relative;top:0;}
.flash .wrap{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 1;width:1600px;}
.flash a{overflow: hidden;display: block;height: 100%}
.flash .wrap .iconfont{width:36px;height: 36px;border-radius: 50%;background: #fff;color:var(--zhu-color);font-size: 30px;text-align: center;line-height: 36px;cursor: pointer;transition: all .5s;font-weight: lighter;}
.flash .wrap .next{float: left;margin-left:15px;}
.flash .wrap .prev{float: left;}
.flash .wrap .iconfont:hover{background: var(--pei-color);color:#fff;opacity: 0.5}
.flash .wrap .pagination{color:#fff;font-size: 30px;margin-left: 30px;float: left;width:100px;font-family: 'Arial';letter-spacing: -2px}
@media(max-width: 1600px){
	.flash .wrap{width:98%;}
}
@media(max-width: 1200px){
	.flash .wrap{width:1200px;}
}

/*header*/
.header{position:fixed;top:20px;z-index: 2;width:1600px;left:50%;transform: translateX(-50%);transition: all .5s;z-index: 999}

.header .wrapp{background: #fff;display: flex;flex-direction: row;justify-content: space-between;border-radius: 5px;width:100%;}
.h-logo{padding:0px 20px;width:400px;display: flex;flex-direction: row;align-items: center;}
.h-nav{display: flex;flex-direction: row;justify-content: space-between;width:calc(100% - 700px);padding:0 50px;align-items: center;}
.h-nav li{position: relative;height: 100px}
.h-nav .yiji{color:#000002;font-size: 17px;height: 100%;line-height: 100px}
.h-nav li:after{position: absolute;content:'';left:0;bottom:0px;height:4px;background: var(--pei-color);width:0;transition: all .5s}
.h-nav li:hover:after{width:100%;}
.h-nav li .sublist{position: absolute;top:100%;left:50%;width:100px;background: rgba(255,255,255,0.8);padding:10px 0px;transform: translateX(-50%);display: none;}
.h-nav li .sublist a{width:100%;color:#333;display: block;padding:10px;transition: all .5s}
.h-nav li .sublist a:hover{color:#fff;background: var(--pei-color)}
.h-tel{display: flex;flex-direction: row;align-items: center;}
.h-tel .box{width:250px;background: linear-gradient(to right, var(--pei-qian), var(--zhu-qian));border-top-left-radius: 30px;border-bottom-left-radius: 30px;display: flex;flex-direction: row;justify-content: center;align-items: center;padding:10px 0;}
.h-tel .box i{width:30px;height: 30px;background: #fff;color:var(--pei-qian);font-size: 20px;border-radius: 50%;display: block;text-align: center;line-height: 30px}
.h-tel .box p{color:#fff;font-size: 22px;font-weight: bold;margin-left: 10px}
.header.active{top:5px;}
.header.active .wrapp{background: rgba(255,255,255,.8);}
.header.active .h-nav li{height: 70px; }
.header.active .h-nav li .yiji{line-height:70px }
#playercontainer{margin: auto;}
@media(max-width: 1600px){
	.header{width:98%;}
	.h-logo{padding:0px 15px;}
	.h-nav{width:calc(100% - 650px);padding:0 15px;}
}
@media(max-width: 1400px){
	.h-logo{width:350px;}
	.h-nav{width:calc(100% - 550px);}
	.h-tel .box{width:180px;}

	.h-tel .box i{width:24px;height: 24px;font-size:18px;line-height: 24px}
	.h-tel .box p{font-size: 17px;,margin-left: 5px}
}
@media(max-width: 1200px){
	.header{position: relative;transform: translateX(0);top:0;}
	.header .wrapp{width:1200px;}
	.header{width:100%;left:0;transform: translateX(0);}
	.h-tel{display: none;}
	.h-nav{width:813px;}
}

/*ipart1*/
.ipart1{border-bottom: solid 1px #e2e0df;background: #f9f8f8;width:100%;overflow: hidden;height: 64px;top:-4px;position: relative;}
.ipart1 .wrapp{position:relative;}
.ipart1 .wrapp:before{content:'';position: absolute;width:478px;height: 64px;background:linear-gradient(to right, var(--pei-qian), var(--zhu-qian));left:-350px;top:0;border-bottom-right-radius: 60px }
.ipart1 .keyword{width:600px;float: left;line-height: 64px;margin-left:160px;font-size: 16px;color:#666666;}
.ipart1 .keyword a{color:#666666;}
.ipart1 .keyword a:hover{color:var(--pei-color);}
.ipart1 .search{float: right;width:400px;padding:8px 0;margin-right: 5px}
.ipart1 .search form{border:solid 1px #cfcdcc;float: right;width:310px;border-radius: 30px;height: 42px;overflow: hidden;transition: all .5s}
.ipart1 .search .search-btn{width:60px;height: 40px;position: relative;background: url(../images/search2.png) center no-repeat;background-size: 30px 30px;cursor: pointer;border-radius: 28px;transition: all .5s}
.ipart1 .search .search-text{width:calc(100% - 80px);font-size: 16px;color:#999999;line-height: 60px;background: none;height: 40px;text-indent: 20px;}
.ipart1 .search form:hover{width:340px;border-color:var(--pei-color);background: #fff;}
.ipart1 .search .search-btn:hover{background: url(../images/search.png) center no-repeat var(--pei-color);background-size: 30px 30px;width:80px;}

/*icom*/
.icom{background: url(../images/icom-bg.png) 75px 65px no-repeat #f9f8f8;padding:80px 0;overflow: hidden;margin-top: -4px}
.icom-left{width:600px;float: left;}
.icom-left .t1{color:#1d2530;font-size: 48px;font-weight: bold;}
.icom-left .t2{color:#1d2530;font-size: 30px;line-height: 60px}
.icom-left .t3{color:#999999;font-size: 16px;-webkit-line-clamp:6;margin-top: 30px;line-height: 36px;}
.icom-left ul{margin-top: 40px;}
.icom-left ul li{background: url(../images/icom-icon.png) left center no-repeat;color:#1d2530;font-size: 24px;line-height: 40px;padding-left: 30px}
.icom-right{width:700px;float: right;position: relative;}
.icom-right .pic{width:670px;height: 483px;float: right;border-top-right-radius: 100px;overflow: hidden;}
.icom-right .pic img{width:100%;height: 100%;object-fit: cover;}
.icom-right p{width:1000px;position: absolute;height: 74px;background:linear-gradient(to right, var(--pei-qian), var(--zhu-qian));color:#fff;border-top-left-radius: 60px;font-size: 18px;line-height: 74px;text-indent: 68px;bottom:-60px;left:0; letter-spacing: 3px;}
@media(max-width: 1400px){
	.icom{background: url(../images/icom-bg.png) 0px 65px no-repeat #f9f8f8;padding:60px 0 45px;}
	.icom-left{width:550px;}
	.icom-right{width:650px;}
	.icom-right .pic{width:600px;}
	.icom-right p{bottom:-23px;}
}
/*ipro*/
.ipro{padding:60px 0 0;overflow: hidden;background: #f9f8f8}
.ipro-hd b{color:#1d2434;font-size: 48px;letter-spacing: 10px;float: left;margin-left: 55px;}
.ipro-hd span{color:#1d2434;font-size: 18px;margin-left: 20px;float: left;margin-top:25px;width:calc(100% - 400px);height: 40px}
.ipro-hd p{background-image:linear-gradient(to right, var(--pei-qian), var(--zhu-color));width:650px;float: left;font-weight: bold;font-size: 60px;background-clip: text;color:transparent;-webkit-background-clip:text;opacity: 0.17;margin-top: -25px;text-transform: uppercase;}
.ipro-bd{background-image:linear-gradient(to right, #fff,#e6f5d8, #c4ecf1);width:100%;margin-top: -47px;height: 620px;padding:105px 0;}
.ipro-bd .wrapp{position: relative;}
.ipro-bd .hd{width:290px;position: absolute;left:0;height: 382px;}
.ipro-bd .hd li{background:url(../images/ipro-icon.png) left center no-repeat;padding-left: 32px;color:#333333;font-size: 18px;cursor: pointer;height: 40px;line-height: 40px;margin-bottom:30px;transition: all .5s}
.ipro-bd .hd li:hover,.ipro-bd .hd li.on{font-size: 24px;color:var(--zhu-color);}
.ipro-bd .hd .more{height: 76px;background:linear-gradient(to right, var(--pei-qian), var(--zhu-qian));width:550px;position: absolute;right:0;bottom: 0;color:#fff;display: block;border-top-right-radius: 60px;transition: all .5s}
.ipro-bd .hd .more p{width:290px;float: right;line-height: 76px}
.ipro-bd .hd .more b{font-size: 24px;margin-left: 75px}
.ipro-bd .hd .more i{font-size: 30px;float: right;margin-right: 58px}
.ipro-bd .hd .more:hover{background:linear-gradient(to right, var(--zhu-qian),var(--pei-qian));}
.ipro-bd .bd{width:1270px;float: right;overflow: hidden;position: absolute;left:345px;}
.ipro-bd .bd a{width:100%;display: block;}
.ipro-bd .bd a .img{border:solid 1px #fff;transition: all .5s}
.ipro-bd .bd a .img img{transition: all .5s}
.ipro-bd .bd a .title{width:100%;height: 80px;background: var(--zhu-color);border-bottom-left-radius: 70px;position:relative;overflow: hidden;}
.ipro-bd .bd a .title p{color:#fff;font-size: 18px;line-height: 80px;text-align: center;position: absolute;top:0;left:0;z-index: 2;width:100%;}
.ipro-bd .bd a .title:before{content:'';position: absolute;background: var(--pei-color);height: 80px;width:0;bottom:0;left:0;z-index: 1;transition: all .5s}
.ipro-bd .bd a:hover .img{border:solid 1px var(--pei-color);}
.ipro-bd .bd a:hover .img img{transform: scale(1.1,1.1);}
.ipro-bd .bd a:hover .title:before{width:100%;}


/*icase*/
.icase{overflow: hidden;background: #f9f8f8;padding:80px 0;position: relative;height: 840px}
.icase-hd{display: flex;flex-direction: column;}
.icase-bd{overflow: hidden;position: absolute;left:-200px;top:100px;width:calc(100% + 200px);}
.icase-bd .box{position: relative;}
.icase-bd .swiper-wrapper{left:-100px;}
.icase-bd .swiper-slide{margin-top: 55px;transition: all .5s}
.icase-bd .swiper-slide a .img{padding-bottom: 64%;transition: all .5s}
.icase-bd .swiper-slide a .img img{transition: all .5s}
.icase-bd .swiper-slide .t1{opacity: 0;width:100%;height: 85px;background: var(--zhu-color);text-align: center;line-height: 85px;font-size: 24px;color:#fff;transition: all .5s;padding:0 10px;}
.icase-bd .swiper-slide .t2{line-height: 32px;font-size: 16px;opacity: 0;color:#fff;transition: all .5s}
.icase-bd .swiper-slide .content{opacity: 0;width:100%;padding:25px 50px 40px;background: var(--zhu-color);border-bottom-left-radius: 80px;transition: all .5s}
/*.icase-bd .swiper-slide-next .t2{}*/
.icase-bd .swiper-slide-next{width:32%!important;margin-top: 0px}
.icase-bd .swiper-slide-next .t1{opacity: 1} 
.icase-bd .swiper-slide-next a .img{padding-bottom: 58.73%}
.icase-bd .swiper-slide-next .content{opacity: 1}
.icase-bd .swiper-slide-next .t2{opacity: 1}
.icase-bd .btnn{position: absolute;bottom:-15px;left:0px;width:100%;z-index: 3} 
.icase-bd .btnn .wrapp{position: relative;} 
.icase-bd .btnn .wrapp .hd{width:96px;display: flex;flex-direction: row;padding-left:54.5%;margin-bottom:25px;}
.icase-bd .btnn .wrapp .hd .iconfont{width:48px;height: 48px;text-align: center;line-height: 48px;color:#fff;;font-size: 48px;color:var(--zhu-color);cursor: pointer;}
.icase-bd .btnn .wrapp .hd .iconfont.active{background: var(--zhu-color);color:#fff;}
.icase-bd .swiper-slide a:hover .img img{transform: rotate(3deg) scale(1.1,1.1);}
.icase-bd .more{height: 76px;background:linear-gradient(to right, var(--pei-qian), var(--zhu-qian));width:550px;position: absolute;right:-140px;bottom:15px;color:#fff;display: block;border-top-right-radius: 60px;transition: all .5s}
.icase-bd .more-box{width:250px;float: left;height: 76px;position: relative;}
.icase-bd .more-box .more p{width:290px;float: right;line-height: 76px}
.icase-bd .more-box .more b{font-size: 24px;margin-left: 75px}
.icase-bd .more-box .more i{font-size: 30px;float: right;margin-right: 58px}
.icase-bd .more-box .more:hover{background:linear-gradient(to right, var(--zhu-qian),var(--pei-qian));}
@media(max-width: 1700px){
	.icase{height: 780px}
	.icase-bd .btnn .wrapp .hd{padding-left:52.2%}
}
@media(max-width: 1600px){
	.icase{height: 760px}
	.icase-bd .btnn .wrapp .hd{padding-left:51.4%}
}
@media(max-width: 1500px){
	.icase{height: 740px}
	.icase-bd .btnn .wrapp .hd{padding-left:50.2%}
}
@media(max-width: 1400px){
	.icase{height: 720px}
	.icase-bd .swiper-wrapper{left:0;}
	.icase-bd .btnn .wrapp .hd{padding-left:57%}
}
@media(max-width: 1300px){
	.icase{height: 700px}
	.icase-bd .btnn .wrapp .hd{padding-left:56.5%}
}
@media(max-width: 1200px){
	.icase{height: 680px}
	.icase-bd .btnn .wrapp .hd{padding-left:56%}
}
/*inews*/
.inews{padding-bottom: 60px}
.inews-hd{height: 350px;background: url(../images/inews-bg.jpg) center no-repeat;background-attachment: fixed;padding-top:70px;text-align: center;color:#fff;}
.inews-hd .t1{font-size: 40px;font-weight: bold;}
.inews-hd .t2{font-size: 18px;text-transform: uppercase;margin-top:5px;}
.inews .wrap{background:#f2f6f8;margin-top: -150px;padding:40px 30px 40px;box-shadow: 0px 5px 20px 10px rgb(79 122 156 / 22%)}
.inews-bd{width:100%;overflow: hidden;}
.inews-bd .swiper-slide{width:100%;}
.inews-bd .swiper-slide a{display: block;background: #fff;border-bottom-left-radius: 30px;overflow: hidden;}
.inews-bd .swiper-slide .hd{padding:20px 17px;overflow: hidden;}
.inews-bd .swiper-slide .hd .lt{width:calc(100% - 120px);float: left;}
.inews-bd .swiper-slide .hd .lt .t1{font-size: 22px;color:#333333;font-weight: bold;-webkit-line-clamp:2;line-height: 32px;min-height: 64px;}
.inews-bd .swiper-slide .hd .lt .t2{font-size:14px;color:#666666;-webkit-line-clamp:2;line-height: 23px;margin-top: 10px;}
.inews-bd .swiper-slide .hd .rt{width:80px;float: right;}
.inews-bd .swiper-slide .hd .rt p{color:#eaeaea;font-weight: bold;text-align: right;}
.inews-bd .swiper-slide .hd .rt .t1{font-size: 32px;}
.inews-bd .swiper-slide .hd .rt .t2{font-size: 22px;}
.inews-bd .swiper-slide .hd .rt span{color:#333333;padding-bottom:5px;border-bottom:solid 1px #cacccd;float: right;margin-top: 20px}
.inews-bd .swiper-slide .bd{overflow: hidden;margin-top: 13px;width:100%;position: relative;}
.inews-bd .swiper-slide .bd .img{padding-bottom: 44.2%}
.inews-bd .swiper-slide .zhezhao{height: 100%;color:#fff;position: absolute;top:100%;left:0;transition: all .5s;width:100%;}
.inews-bd .swiper-slide .zhezhao:before{height: 100%;color:#fff;background:linear-gradient(to right, var(--pei-qian),var(--zhu-qian));width:100%;opacity: 0.5;content:'';display: block;}
.inews-bd .swiper-slide .bd p{text-align: center;font-size: 16px;position: relative; width:100%;padding:5px 15px;margin-top: -100px}
.inews-bd .swiper-slide .bd p:before,.inews-bd .swiper-slide .bd p:after{content:'';position: absolute;left:50%;transform: translateX(-50%);width:40px;height: 1px;background: #fff;}
.inews-bd .swiper-slide .bd p:before{top:0;}
.inews-bd .swiper-slide .bd p:after{bottom:0;}
.inews-bd .swiper-slide a:hover .zhezhao{top:0;}

/*footer*/
.footer{overflow: hidden;padding-top: 40px;position: relative;margin-top:30px;}

.f-hd{height: 2px;background: var(--zhu-color);width:100%;}
.f-md{background: var(--zhu-color);padding:30px 0;margin-top: 3px;}	
.f-md .left{width:450px;float: left;}	
.f-md .left li{width:100%;margin:25px 0;overflow: hidden;}
.f-md .left li i{width:48px;height: 48px;border:solid 1px #6db9d6;text-align: center;line-height: 48px;color:#fff;font-size: 20px;float: left;border-radius: 50%;}
.f-md .left li .rt{width:calc(100% - 70px);color:#fff;margin-left: 16px;float: left;}
.f-md .left li .rt .t2{font-size: 18px;font-weight: bold;margin-top: 5px;}
.f-md .right{width:calc(100% - 480px);float: right;display: flex;flex-direction: row}
.f-nav{width:calc(100% - 270px);display: flex;flex-direction: row;}
.f-nav li{width:30%;float: left;display: flex;flex-direction: column;margin-left: 15px;margin-top:40px}

.f-nav li a{color:#fff;line-height:32px}
.f-nav li .yiji{font-size: 16px;font-weight: bold;margin-bottom:20px;}
.f-nav li .yiji{font-size: 16px;font-weight: bold;}
.f-nav li a:hover{color:var(--pei-color);}
.f-ewm{width:120px;float: right;margin-top: 45px;margin-left: 15px}
.f-ewm .pic{width:100%;border-radius: 5px;overflow: hidden;}
.f-ewm p{color:#fff;text-align: center;margin-top: 3px}
.f-bd{background:linear-gradient(to top, #09a6e5,var(--zhu-color));box-shadow:30px 0 30px #08a6e3;width:100%;padding: 40px 0;}
.f-bd .line{width:100%;height: 1px;background: #fff;}
.f-bd .txt{padding-top: 20px;}
.f-bd .txt .lt{display: flex;flex-direction: row;align-items: center;color:#fff;float: left;width:800px;}
.f-bd .txt a{color:#fff;}
.f-bd .txt a.goindex{float: right;}
.f-bd .txt a:hover{color:var(--pei-color);}
.f-totop i{width:80px;height: 80px;background: rgba(242,246,248,.9);color:var(--zhu-color);font-size:40px;text-align: center;line-height: 90px;border-radius: 50%;position: absolute;left:50%;transform:translateX(-50%);top:0px;}

/*l-banner*/
.l-banner{width:100%;height: 720px;background: url(../images/l-banner.jpg) center no-repeat;position: relative;}

/*position*/
.position{position: absolute;width:100%;background: rgba(0,0,0,0.5);bottom:0;left:0;height: 64px}
.position .left{width:700px;float: left;color:#fff;font-size: 16px;background:linear-gradient(to right, var(--pei-qian), var(--zhu-qian));height: 64px;border-bottom-right-radius: 60px;margin-left:-350px;padding-left:350px;line-height: 64px}
.position .left i{float: left;margin-right: 10px;font-size: 20px}
.position .left a{color:#fff;}
.position .left a:hover{color:#666;}
.position .right{width:800px;float: right;font-size: 16px;text-align: right;}
.position .right a{color:#fff;padding:0 10px;display:inline-block;line-height: 64px;margin-right: 15px;}
.position .right a i{float: left;font-size: 20px;margin-right: 10px;}
.position .right a:hover{color:var(--pei-color);}
.position .right a:hover i{color:var(--pei-color);}

/*com-part1*/
.com-part1{padding:30px 0 0;overflow: hidden;position: relative;}
.com-part1-hd{padding:30px 0;}
.com-part1-hd .t1{font-size: 100px;color:#fff;text-shadow: #9ea1a3 1px 0 0, #9ea1a3 0 1px 0, #9ea1a3 -1px 0 0, #9ea1a3 0 -1px 0;text-transform: uppercase;opacity: 0.4;line-height: 1}
.com-part1-hd .t2{font-size: 36px;color:#333333;font-weight: bold;}
.com-part1-md{margin-top: 20px;}
.com-part1-md .left{float: left;width:575px;position: relative;z-index: 2}
.com-part1-md .right{width:calc(100% - 700px);float: right;position: relative;z-index: 1}
.com-part1-md .right .t1{font-size:30px;font-weight: bold;}
.com-part1-md .right .t2{font-size:18px;}
.com-part1-md .right .t3{font-size:16px;color:#3f4040;line-height: 48px;-webkit-line-clamp:5;margin-top:45px;}
.com-part1-md .right a{font-size: 18px;margin-top: 15px;color:var(--zhu-color);float: left;transition: all .5s}
.com-part1-md .right a:hover{color:var(--pei-color);letter-spacing: 2px;}
.com-part1-bd{width:100%;border-bottom:solid 1px var(--zhu-color);margin-top: -215px;height: 577px;}
.com-part1-bd .wrapp{}
.com-part1-bd .com-logo{margin-top:490px;float: left;width:255px;position: relative;display: block;transition: all .5s;padding:10px;border:solid 1px #fff;border-radius: 30px;text-align: center;}
.com-part1-bd .com-logo img{transition: all .5s;width:100%;}
.com-part1-bd .com-logo:after{content:'+';position: absolute;top:-20px;right:0;color:#333;font-size: 20px;line-height: 24px;width:24px;height: 24px;text-align: center;transition: all .5s;opacity: 1}


.com-part1-bd .txt{width:1250px;height: 577px;background: url(../images/com-part1-bd-bg.jpg) right center no-repeat;padding:60px 270px;margin-right: -250px;float: right;}
.com-part1-bd .txt li{color:#fff;padding:45px 0;}
.com-part1-bd .txt li .t1{font-size: 36px;font-weight: bold;}
.com-part1-bd .txt li .t2{font-size: 18px;margin-top: 45px;}
.com-part1-bd .txt hr{border-top:solid 1px #fff;width:370px;opacity: 0.5}
.com-part1 .wenzi{font-weight: bold;font-size:130px;color:#f7f7f7;letter-spacing: 30px;text-transform: uppercase;writing-mode: vertical-lr;position: absolute;right:5px;top:0;line-height: 1;opacity: 0.5}
@media(max-width: 1400px){
	.com-part1-md .left{width:500px;}
	.com-part1-md .right{width:calc(100% - 600px);}
	.com-part1-bd{margin-top: -150px;height: 500px}
	.com-part1-bd .com-logo{margin-top: 400px}
	.com-part1-bd .txt{width:1000px;margin-right: -100px;padding:30px 270px;height: 500px}
	.com-part1 .wenzi{font-size: 120px;}
}

/*com-part2*/
.com-part2{padding:30px 0;overflow: hidden;}
.com-part2-hd{text-align: center;padding:30px 0;}
.com-part2-hd .t1{font-size: 36px;font-weight: bold;position: relative;padding-bottom: 20px;}
.com-part2-hd .t1:after{content:'';width:65px;height: 2px;background: var(--zhu-color);position: absolute;left:50%;transform: translateX(-50%);bottom:0;}
.com-part2-hd .t2{font-size:18px;color:#666666;margin-top: 15px;}
.com-part2-bd{overflow: hidden;}
.com-part2-bd .hd ul{width:100%;overflow: hidden;display: flex;flex-direction: row;justify-content: space-between;margin-top: 15px;}
.com-part2-bd li{width:210px;overflow: hidden;border:solid 1px #eeeeed;display: flex;flex-direction: column;height: 235px;align-items: center;justify-content: center}
.com-part2-bd li i{color:#545454;font-size:60px;}
.com-part2-bd li p{color:#666666;font-size:18px;line-height: 26px;margin-top: 45px;padding:0 ;text-align: center;}
.com-part2-bd li.on{background: linear-gradient(to right, var(--pei-qian), var(--zhu-qian));}
.com-part2-bd li.on i,.com-part2-bd li.on p{color:#fff;}

/*com-part3*/
.com-part3{overflow: hidden;background: #f5f5f5;padding-bottom:45px;margin-top: 45px;}
.com-part3-hd{text-align: center;font-size: 36px;font-weight: bold;padding:35px 0;position: relative;width:100%;}
.com-part3-hd:after{content:'';width:65px;height: 2px;background: var(--zhu-color);position: absolute;left:50%;transform: translateX(-50%);bottom:20px;}
.com-part3-bd{overflow: hidden;width:100%;padding:15px 15px 98px;position: relative;}
.com-part3-bd .swiper-slide{box-shadow: 0 0 10px #999;}
.com-part3-bd a{width:100%;display: block;background: #fff;padding:20px;position: relative;}
.com-part3-bd a img{transition: all .5s}
.com-part3-bd a:after{position: absolute;height: 2px;width:0;background: var(--zhu-color);content:'';bottom:0;left:0;transition: all .5s;}
.com-part3-bd a p{width:100%;border-top:solid 1px #cecece;padding:15px 0;font-size:16px;color:#333;margin-top: 18px;}
.com-part3-bd a:hover:after{width:100%;}
.com-part3-bd a:hover img{transform: scale(1.1,1.1);}
.com-part3-bd .btnn{position: absolute;width:100%;display: flex;flex-direction: row;justify-content: center;bottom:0px;}
.com-part3-bd .btnn>div{width:75px;height: 40px;color:#fff;background: #cccdcd;text-align: center;font-size: 26px;line-height: 40px;margin-right: 20px;cursor: pointer;}
.com-part3-bd .btnn>div:nth-child(2){transform: rotateY(180deg);}
.com-part3-bd .btnn>div.on{background: linear-gradient(to right, var(--pei-qian), var(--zhu-qian));}

/*新闻列表页*/
.de-news-list { height: auto; padding: 60px 15px 30px;}
.de-news-list ul li { padding: 2% 0; transition:0.5s; position: relative; border-bottom: 1px solid rgba(0,0,0,0.1); cursor: pointer;}
.de-news-list ul li .container-fluid{display: flex;flex-direction: row;}
.de-news-list ul li .left { float: left; padding-bottom: 0; position: relative; overflow: hidden;width:300px;}
.de-news-list ul li .left a{display: block;width:100%;padding-bottom: 60%}
.de-news-list ul li .left img { width: 100%; height: 100%; object-fit: cover;transition:0.3s;}
.de-news-list ul li .time{ color: var(--zhu-color); font-size: 28px;  text-align: center;width:220px; font-family: 'arial'}
.de-news-list ul li .box{ width:calc(100% - 540px);}
.de-news-list ul li .box h4 { color: #333333; overflow: hidden; margin: 0; font-size: 22px; text-overflow: ellipsis; white-space: nowrap; font-weight: normal !important;}
.de-news-list ul li .box p { color: #999999; line-height: 28px; height: auto; overflow: hidden; margin: 2% 0 !important;}
.de-news-list ul li .box .more1 { color: var(--zhu-color);}
.de-news-list ul li .chakan{ position: absolute; right: -15px; top: 0; z-index: 1; width: 0; height: 100%; background: rgba(10,168,236,0.8); text-align: center; color: #fff; padding-top: 6%; transition: 0.3s;}
.de-news-list ul li .chakan i{ font-size: 36px;}
.de-news-list ul li:hover{background: #f8f8f8}
.de-news-list ul li:hover img{transform: scale(1.1);}
.de-news-list ul li:hover .chakan{ width: 13%;}

/*no-goods*/
.no-goods{padding:50px;text-align: center;}

/*newsinfo*/
.newsinfo{overflow: hidden;background: #f5f5f5;padding:45px 0;}
.newsinfo .wrap{padding:0 15px;}
.newsinfo-hd{padding:0 15px;background: #fff;padding:30px;text-align: center;border-radius: 15px;}
.newsinfo-hd .t1{font-size: 26px;color:#000;font-weight: bold;}
.newsinfo-hd .t2{color:#555;border-top:solid 1px #cecece;margin-top:15px;padding:15px 0;}
.newsinfo-bd{border-radius: 15px;background: #fff;padding:30px;margin-top: 10px;width:100%;line-height: 260%;}
.newsinfo-bd .hd{text-align: center;}

/*上一页，下一页*/
.prevNext{ padding: 0;overflow: hidden;margin-top: 10px;}
.prevNext .page-a{ float: left; color: #999; font-size: 16px; width:calc(calc(100% - 90px)/2); height: 90px; line-height: 90px; padding:0 30px; transition: 0.3s; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;background: #fff;}
.prevNext .page-a a{ color: #999; transition: 0.3s;}
.prevNext .page-a:last-of-type{ float: right;text-align: right;}
.prevNext .page_more{ float: left; position: relative; width: 90px;height: 90px; border-left: 3px solid #f5f5f5;border-right: 3px solid #f5f5f5;transition:.4s;background: #fff; }
.prevNext .page_more:hover{background: var(--zhu-color);}
.prevNext .page_more:hover i{background:  #fff ;}
.prevNext .page_more:hover i:nth-of-type(1){width: 10px;}
.prevNext .page_more:hover i:nth-of-type(2){width: 20px;}
.prevNext .page_more:hover i:nth-of-type(3){width: 30px;}
.pagerList{position: absolute; top:38px; left: 28px;}
.pagerList span{display: block;}
.pagerList span i{display: block; background:#aaa; width: 30px; transition:.4s; height: 2px; margin-bottom:3px;}
.prevNext .page-a:hover,.prevNext .page-a:hover a{ color: var(--zhu-color);}

/*图片列表*/
.news01 {padding: 30px 0px;overflow: hidden;}
.news01 li{width:31%;float: left;margin:30px 1% 0px;border:solid 1px #eee ;}
.news01 .imgbox {width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden;}
.news01 .imgbox .img img { object-fit: cover; left: 0; position: absolute; text-align: center; height:100%; width:100%; transition: 0.3s;}
.news01 .imgboxspan{ display: block; position: absolute; left: 0; bottom: 0; z-index: 1; background: rgba(0,0,0,0.5); color: #fff; height: 40px; line-height: 40px; padding: 0 10px;margin-top: -40px}
.news01 .imgbj{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; color: #fff; background: linear-gradient(to right, var(--pei-qian), var(--zhu-qian)); z-index: 1; opacity: 0;
    -webkit-transition: all .6s ease-out 0s;
    transition: all .6s ease-out 0s;
    -webkit-clip-path: polygon(50% 20%,50% 50%,20% 50%,50% 50%,50% 80%,50% 50%,80% 50%,50% 50%);
    clip-path: polygon(50% 20%,50% 50%,20% 50%,50% 50%,50% 80%,50% 50%,80% 50%,50% 50%);
}
.news01 .imgbj .pic{ padding-top: 25%; opacity: 0; transition: 0.5s; transform: none !important;}
.news01 .imgbj .tit{ font-size: 20px; padding: 5% 0 3%; opacity: 0; transition: 0.5s;margin-top: 5px;}
.news01 .imgbj i{ font-size: 30px; opacity: 0; transform: scale(0.5); transition: 0.5s;}
.news01 .content { width: 90%; height: 90%; text-align: center; position: absolute; left: 50%; top: 50%; z-index: 2; -webkit-transform: translate(-50%,-50%);  transition:0.3s; opacity: 0;}
.news01 .content .bl { width: 0; height: 2px; background: #fff; position: absolute; left: 0; bottom: 0; -webkit-transition: all .5s;}
.news01 .content .bl.l1 { top: 0;}
.news01 .content .bl.l2 { left: auto; right: 0;}
.news01 li:hover .bl.l1 { width: 100%;}
.news01 li:hover .bl.l2 { width: 100%; right: 0;}
.news01 li:hover .imgbj{ opacity: 1;
    -webkit-clip-path: polygon(50% 0,0 0,0 50%,0 100%,50% 100%,100% 100%,100% 50%,100% 0);
    clip-path: polygon(50% 0,0 0,0 50%,0 100%,50% 100%,100% 100%,100% 50%,100% 0);
}
.news01 li:hover .imgbj .pic{ padding-top: 17%; opacity: 1;}
.news01 li:hover .imgbj .tit,.news01 li:hover .imgbj i{ opacity: 1;}
.news01 li:hover .imgbj i{ transform: scale(1);}
.news01 li:hover .content { opacity: 1;}
.news01 li:hover .content::before { height: 95%;}
.news01 li:hover .content::after { height: 95%;}
.news01 .content::after,.news01 .content::before { width: 2px; display: block; height: 0; position: absolute; left: 0; top: 0; -webkit-transition: all .5s; content: ''; background: #fff;}
.news01 .content::after { left: auto; right: 0; top: auto; bottom: 0;}
.news01 .imgbox1 {width: 100%; height: 0; padding-bottom: 80%; position: relative; overflow: hidden;}
.news01 .imgbox1 p { text-align: center; left: 0; position: absolute; height:100%; width:100%; transition: 0.3s;}
.news01 .imgbox1 p img{ max-width: 100%; max-height: 100%; transition:0.3s;}
.news01 .slide:hover .imgbox img {transform: scale(1.1);}

.news01 .txtbox { height: 50px; line-height: 50px; text-align: center; font-size: 16px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: relative; background: #fff; border-bottom: 1px solid #e2e2e2;}
.news01 .txtbox span{ display: block; z-index: 1; position: relative; transition:0.3s;}
.news01 .txtbox:after {  position: absolute;content: ""; background: #c30008; height: 100%; width:100%;  left: 0;bottom: 0;
    transition: all 0.5s;
    -webkit-transition: transform .5s;
    -moz-transition: transform .5s;
    -ms-transition: transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
}
.news01 .slide:hover .txtbox::after { -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1);
    -o-transform: scaleX(1); transform: scaleX(1);
}
.news01 .slide:hover .txtbox span{ color: #fff;}

/*contact*/
.tit_in{ position: relative; line-height: 50px;margin:45px 0;}
.tit_in i{ position: absolute; left: 5px; top: 0; color: #0f653c; font-size: 70px; text-transform: uppercase; opacity: 0.07; font-weight: bold;font-style: normal;}
.tit_in h2{ color:var(--zhu-color); font-size: 40px; font-weight: bold !important; position: relative;}
.tit_in p{ color: #282828; font-size: 24px;/* font-weight: bold;*/ position: relative;}

.de-contact .contact-map { overflow: hidden;}
.de-contact .contact-map #dituContent {width: 100%;height: 500px;margin: 0;}
#lxbj{ background: #f1f1f1; position: relative;}
#lxbj:before{ position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; content: ''; background:linear-gradient(to right, var(--pei-qian), var(--zhu-qian));}
#lybj{ background: url("../images/lybj.jpg") no-repeat center;padding:30px 0 90px;}

#lxwm_in{display: flex;flex-direction: row;justify-content: space-between;}
#lxwm_in li{ text-align: center; padding: 5% 3%; position: relative;width:33%;}
#lxwm_in li i{ display: inline-block; color: #fff; font-size: 50px; border: 1px solid #fff; border-radius: 5px; width: 100px; height: 100px; line-height: 100px;}
#lxwm_in li .pic{ padding: 8% 0;}
#lxwm_in li .con{ color: #fff;font-size: 16px;line-height: 26px;}
#lxwm_in .col-12:last-of-type li:before{ display: none; }


.mes-form {
    margin: 3% auto 0;
    overflow: hidden;
    padding: 0;
}
.mes-form .form-tr {
	width:48%;
    overflow: hidden;
    float: left;margin:0 1%;
}
.mes-form .form-tr.textarea{width:98%;}
.mes-form .form-tr input {
    display: block;
    width: 100%;
    padding: 0 2%;
    height: 40px;
    line-height: 40px;
    border: 1px solid #efefef;
    background: #fff;
    border-radius: 3px;
}
.mes-form .form-tr textarea {
    display: block;
    width: 100%;
    padding:10px;
    height: 130px;
    border: 1px solid #efefef;
    background: #fff;
    border-radius: 3px;
}
.mes-form .form-tr .code {
    overflow: hidden;
}
.mes-form .form-tr .code input {
    width: 40%;
    float: left;
}
.mes-form .form-tr .code .verify {
    cursor: pointer;
    float: left;
    margin-left: 25px;
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 0;
}
.mes-form .form-tr .code .verify img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}
.mes-form .form-tr .submit {
    margin-top: 15px;
    display: block;
    width: 190px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #356bef;
    color: #fff;
    font-size: 15px;
}
.mes-form .form-tr .submit:hover {
    background: #0058b1;
}
.mes-form .form-tr .submit2 {
    margin-top: 15px;
    display: block;
    width: 190px;
    float: right;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: linear-gradient(to right, var(--pei-qian), var(--zhu-qian));
    color: #fff;
    font-size: 15px;
    transition:0.5s;
}
.mes-form .form-tr .submit2:hover {
    background: linear-gradient(to right, var(--zhu-qian),var(--pei-qian));
}
.mes-form .form-tr .error {
    height: 1rem;
    line-height: 1rem;
    font-size: 12px;
    color: #f00;
    padding: 0 5px;
}

/*产品列表页*/
.prolist{padding:45px 0 0;background: #f5f5f5}
.prolist ul .item{width:50%;padding:0 1%;float: left;margin-bottom: 30px;}
.prolist ul .item a{display: block;width:100%;position: relative;padding:25px 0;}
.prolist ul .item a:before{content:'';position: absolute;width:408px;height: 100%;top:0;right:0;background:#d9d9d9;font-size:16px;border-top-right-radius: 40px;border-bottom-right-radius: 40px;transition: background .5s}
.prolist ul .item a:after{content:'PRODUCT DISPLAY';position: absolute;right:45px;writing-mode:vertical-lr;color:rgba(255,255,255,0.25);top:50px;font-size: 24px;width:24px;height: 100%}
.prolist ul .item .box{padding:25px;background: #fff;display: flex;flex-direction: row;justify-content: space-between;position:relative;z-index: 3;width:84%;}
.prolist ul .item .box .left{width:calc(100% - 240px);padding:15px 0;}
.prolist ul .item .box .left .t1{width:100%;overflow: hidden;font-weight: bold;color:#333;font-size: 22px;}
.prolist ul .item .box .left .t1 i{display: block;width:15px;height: 15px;border-radius: 50%;border:1px solid var(--pei-color);position: relative;float: left;margin-top:8px;}
.prolist ul .item .box .left .t1 i:after{position: absolute;content:'';width:100%;height: 100%;border-radius: 50%;background: var(--pei-color);transform: scale(0.6);left:0;right:0;top:0;bottom:0;margin:auto;}
.prolist ul .item .box .left .t1 p{width:calc(100% - 20px);float: right;}
.prolist ul .item .box .left .t2{color:#666;line-height:26px;margin-top: 15px;}
.prolist ul .item .box .left span{padding:10px 30px;background: linear-gradient(to right, var(--pei-qian), var(--zhu-qian));color:#fff;border-radius:30px;margin-top: 15px; float: left;overflow: hidden;position: relative;}
.prolist ul .item .box .left span:after{position: absolute;content:'';width:100%;height: 100%;background: rgba(255,255,255,.3);border-radius: 30px;left:0;top:0;transition: all .5s}
.prolist ul .item .box .right{width:220px;height: 220px;position: relative;}
.prolist ul .item .box .right img{width:100%;height: 100%;object-fit: cover;border-radius: 50%;filter:brightness(1) grayscale(0);transition: all .5s;transform: scale(1.05,1.05);}
.prolist ul .item .box .right:after{position: absolute;content:'';background: rgba(34,55,105,0.25);width:100%;height: 100%;left:0;top:0;bottom:0;right:0;margin:auto;transition: all .5s;border-radius: 50%}
.prolist ul .item a:hover:before{background:linear-gradient(to right, var(--pei-qian), var(--zhu-qian));}
.prolist ul .item a:hover .box .right img{filter: grayscale(0);transform: scale(1,1);}
.prolist ul .item a:hover .box .right:after{background: rgba(34,55,105,0);}
.prolist ul .item a:hover .box .left span:after{left:110%;}

/*产品内页*/
#cpinfo_bj{ background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.3); position: relative; padding: 0; z-index: 1; margin-top: 30px; margin-bottom: 3%;}
#cpinfo_bj .main{ padding: 3%;line-height: 30px}
.cppic{ position: relative; overflow: hidden;width:50%;float: left;}
.cppic .img{border-radius: 5px;}
.cppic .hot{ position: absolute; right: 8%; bottom: 20%; z-index: 1; width: 15%;}
.cppic .hot img{ width: 100%;}
.cpfont{ padding: 0 3%;width:50%;float: right}
.cpfont h6{margin-top: 15px;font-size: 16px;color:#999;font-weight: normal}
.cpfont .tit{ color: #333333; font-size: 28px; font-weight: bolder;text-align: left;margin-top: 0}
.cpfont .con{ background: url("../images/cpclass_line.png") no-repeat left bottom; color: #666666; font-size: 18px; height: 60px; line-height: 60px;}
.cpfont .txt{margin:15px 0;line-height: 24px}
.cpfont ul .bt{ font-weight: bold; color: #333333; font-size: 16px;}
.cpfont ul li{  float: left; margin: 2% 5px; cursor: default;}
.cpfont ul li p{ width:130px; border: 3px solid #d4d4d4; height: 130px; border-radius: 100%; overflow: hidden; position: relative; transition: 0.3s;}
.cpfont ul li p img{width:100%;height: 100%;object-fit: cover;}
.cpfont ul li p span{ display: block; position: absolute; left: 0; bottom: -30px; z-index: 1; text-align: center; height: 30px; line-height:30px; background: var(--zhu-color); width: 100%; color: #fff; transition: 0.5s;}
.cpfont ul li:hover p{ border: 3px solid var(--zhu-color);}
.cpfont ul li:hover p span{ background: rgba(0,104,55,0.8); height: 130px; line-height: 130px; font-size: 16px;bottom:0;font-size: 12px;}

.cpfont .cp-tools { float: left; height: auto; line-height: 50px; text-align: center; width: 55%; overflow: hidden; padding: 0; margin-top: 15px;}
.cpfont .cp-tools a { display: block; float: left; flex: 1; width: 48%; height: 50px; border-radius: 5px; background-color: var(--pei-color); color: #ffffff; }
.cpfont .cp-tools a:nth-of-type(2){ float: right;}
.cpfont .cp-tools a.btn-free { background:#222d35; color: #fff;}
.cpfont .cp-tools a:hover { background-color: var(--zhu-color); color: #ffffff; }
.cpfont .cp-tools a:hover ~ .btn-ask { background:#222d35; color: #fff;}
.cpfont .tel{ float: right; margin: 5px 0 0 5%; }
.cpfont .tel p{ color: #666666; font-size: 16px;}
.cpfont .tel span{ color: var(--pei-color); font-size: 30px; font-weight: bolder;}
.cpnr{ background: #ededed; width: 100%; margin-top:30px; border-radius: 5px; padding: 2%; transition: 0.3s;overflow: hidden;}
.cpnr .tit i{ float: left; font-size: 30px; margin-right: 15px;}
.cpnr .tit{ color: #222222; font-size: 24px; height: 50px;text-align: left;margin-top: 0}
.cpnr .content{ background: #fff; color: #666666; line-height: 40px; border-radius: 5px; padding: 30px 15px;display: flex;flex-direction: row;justify-content: space-between;}
.cpnr .content .float-right{ width: 40%; text-align: center; padding: 2% 0;}
.cpnr .content .float-right img{ max-width: 100%;}
.cpnr .content .float-left{ width:100%; padding: 0 15px; font-size: 16px;}
.cpnr:hover{ background: var(--zhu-color);}
.cpnr:hover .tit{ color: #fff;}
@media(max-width: 1400px){
	/*.cppic{width:46%;}
	.cpfont{width:54%;}*/
	.cpfont .txt{-webkit-line-clamp:1;}
	.cpfont ul li p{width:113px;height: 113px;}
	.cpfont ul li:hover p span{ height: 113px; line-height: 113px; }
	.cpfont .cp-tools{width:50%;}
}

/*pro-order*/
.pro-order{background: #fff;overflow: hidden;padding:30px;display: flex;flex-direction: row;justify-content: space-between;}
.message{background: #fff;float: left;width:60%;}
.message .tips{font-size: 18px;color: #999999;margin-bottom:15px;}
.message span{color: red;float: left;width:10px;}
.message ul{display: flex;flex-direction: row;justify-content: space-between;margin-top: 15px;}
.message ul li{width:49.5%;}
.message ul li input{border:solid 1px #eee;padding:10px;margin-left:5px;width:calc(100% - 30px);font-size: 16px;float: left;}
.message ul li select{width:calc(100% - 30px);height: 40px;color: #999999;border:solid 1px #eee;padding-left: 10px;margin-left: 5px;font-size: 16px;}
.message .md li .yzm1{width:50%;}
.message .md li img{width:130px;height: 40px;float: right;margin-right: 12px;}
.message .bd{justify-content: flex-start;width:100%;}
.message .bd textarea{width:calc(100% - 29px);border:solid 1px #eee;padding:10px;color: #999;margin-left: 5px;font-size: 16px;}
.message .submit{padding:8px 60px;font-size: 20px;background: var(--zhu-color);color: #fff;border-radius: 10px;margin:15px auto 0;}
.pro-order .right{width:38%;float: right;}
.pro-order .right .t2{font-size: 22px;font-weight: bold;padding:0 0 15px;border-bottom: solid 1px #a3a2a2;}
.pro-order .right .t2{font-size: 22px;color: #555;font-weight: bold;padding:15px 0;}
.pro-order .right .t3{color: #999;line-height: 28px;padding:15px 0;}

/*xgCase*/
.xgCase{width:100%;overflow: hidden;}
.xgCase a{width:100%;display: block;}
.xgCase a .img{border-radius: 5px;}
.xgCase a img{transition: all .5s}
.xgCase a p{text-align: center;font-size: 16px;line-height: 40px;color:#333;transition: all .5s}
.xgCase a:hover img{transform: scale(1.05,1.05);}
.xgCase a:hover p{color:var(--zhu-color);}

/*service*/
#service{width:161px;height:290px;position:fixed;top:350px;right:0px; z-index:100;}
#service li{width:161px;height:60px;}
#service li img{float:right;}
#service li a{height:49px;float:right;display:block;min-width:47px;max-width:161px;}
#service li a .shows{display:block;}
#service li a .hides{margin-right:-143px;cursor:pointer;cursor:hand;}
#service li a.weixin_area .hides{display:none;position:absolute;right:143px;}
#service li a.weixin_area .weixin{display:none;position:absolute;right:0;top:48px}
#p2{width:112px;background-color:#A7D2A9;height:47px;margin-left:47px;border:1px solid #8BC48D;text-align:center;line-height:47px}
#p3{width:112px;background-color:#EC9890;height:47px;margin-left:47px;border:1px solid #E6776C;text-align:center;line-height:47px}
#p1{width:47px;height:49px;float:left}

/*single*/
.single{padding:30px 0;background: #f5f5f5}
.single .wrap{box-shadow: 0 0 10px #999;border-radius: 5px;padding:30px;line-height: 260%;}


/*zhaopin*/
.tit{ position: relative; text-align: center;margin:60px 0 0;overflow: hidden;}
.tit p{ float: left; width: 45px; height: 45px; background: var(--zhu-color); border-radius: 100%; text-align: center; line-height: 45px;}
.tit p i{ color:#fff;font-size: 30px;}
.tit span{ position: relative; float: left; padding: 0 20px; color: #373737; font-size: 30px; line-height: 45px;}
.tit span:before{ position: absolute; content: ''; background: #aeaeae; width: 1px; height: 50%; right: 0; top: 25%; }
.tit_font{ float: left; padding-left: 3%; height: 45px; line-height: 45px; color: #666666; font-size: 15px;}

#qywh{margin: 8% 0 1%;}
#qywh .swiper-container{width: 100%; height: 100%; padding: 60px 0 0;}
#qywh .swiper-slide{transition: 0.3s; position: relative; background: #f5f5f5; padding: 4% 0; cursor: pointer; /* Center slide text vertically */ flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
#qywh .swiper-slide .pic{position: absolute; left: 34%; top: -52px; text-align: center; width: 105px; height: 105px; background:rgba(7,124,191,.5); line-height: 105px; border-radius: 100%;}
#qywh .swiper-slide .pic i{color: #fff; font-size: 50px;}
#qywh .swiper-slide p{color: #333333; font-size: 26px; padding: 5% 0 2%; position: relative;}
#qywh .swiper-slide i{font-size: 26px; color: #636569;}
#qywh .swiper-slide span{display: block; padding: 0 10%; text-align: center; color: #666666; font-size: 16px;}
#qywh .swiper-slide:hover{box-shadow: 0 0 10px rgba(0,0,0,0.1);}


#jobs_ul{padding:0;width: 100%;margin-top: 60px;}
#jobs_ul li{width: 100%; margin-bottom: 1% !important;}
#jobs_ul li .jobs_title{font-size: 14px; width: 100%; line-height: 30px; background: #f4f4f4; color: #666666; padding: 2%; margin: 0;display: flex;flex-direction: row;justify-content: space-between;}
#jobs_ul li .jobs_box{padding:20px 3.5% 36px; background: #fff; position: relative;display: none;}
#jobs_ul li .jobs_box .info1{border-bottom: 1px solid #e5e5e5; padding-bottom: 22px;display: flex;flex-direction: row;justify-content: space-between;}
#jobs_ul li .jobs_box .info1 p{font-size: 14px; color: #333333; line-height: 25px; margin: 5px 0px !important;}
#jobs_ul li .jobs_box .info2{border-bottom: 1px solid #e5e5e5; padding: 14px 0 22px;overflow: hidden;}
#jobs_ul li .jobs_box .info2 h3{font-size: 18px; color: #333333; line-height: 3; font-weight: normal;}
#jobs_ul li .jobs_box .info2 p{font-size: 14px; color: #777777; line-height: 2.5;}
#jobs_ul li .jobs_box .info2 .float-left{width: 50%;float: left;}
#jobs_ul li .jobs_box .info2 .float-right{width: 43.5%;float: right;}
#jobs_ul li .jobs_box .info2 .float-left .info-box{border-right: 1px solid #e5e5e5;padding-right: 10%;}
#jobs_ul li .jobs_box .info3{margin-top: 31px;}
#jobs_ul li .jobs_box .info3 .apply_btn{width: 151px; height: 41px; line-height: 41px; background: #1976a0; font-size: 16px; color: #ffffff; float: right; transition: 0.3s; text-align: center;}
#jobs_ul li .jobs_box .info3 .apply_btn:hover{background: #333;}
#jobs_ul li .jobs_box .info3 .all{float: right; font-size: 14px; color: #777777; height: 41px; line-height: 41px; padding-left: 30px;}
#jobs_ul li .jobs_box i{position: absolute; left: 18px; top: -12px; width: 0; height: 0; border-width: 6px; border-style: solid; border-color: transparent transparent #f5f5f5;}
.inner_contact_02 .td1{ line-height: 40px; border-right: 1px solid #dbdbdb;width:30%;}
.inner_contact_02 .td1 p{ color: #333333; font-size: 22px;}
.inner_contact_02 .td1 span{ color: #666666; font-size: 16px;}
.inner_contact_02 .td2{ line-height: 40px; padding-left: 5%;width:30%;}
.inner_contact_02 .td2 p{ color: #666666; font-size: 16px;}
.inner_contact_02 .td2 p span{ color: var(--zhu-color); font-size: 24px;}
.inner_contact_02 .td5{ text-align: center; padding-top: 2%;width:30%;}
.inner_contact_02 .td5 a{ display: block; height: 45px; line-height: 45px; float: right; padding: 0 10%; background: var(--zhu-color); border-radius: 5px; color: #fff;font-size: 14px;}