.prodt{  position:relative; display: block; overflow: hidden; width: 100%; margin-bottom: 80px;}
.prodt ul{  position:relative; display: block; overflow: hidden; width: 100%; margin-top: 50px;}
.prodt ul li{ float: left;width: 30%; margin-right: 5%;overflow: hidden; display: block; position: relative;  margin-bottom: 40px;}
.prodt ul li:nth-child(3n){margin-right: 0;}
.prodt ul li .imgts{ display: block; width: 100%;overflow: hidden; text-align: center;}
.prodt ul li .imgts img{max-width:100%;transition: all 0.5s ease 0s; margin: 0px;;}
.prodt ul li:hover .imgts img{transform: scale(1.1,1.1)}

.prodt ul li .ternaow{ margin-top: 5px;font-size: 18px; line-height: 30px; color: #333; text-align: center;}
.prodt ul li .jmzcc{ font-family: 宋体;margin-top: 5px;font-size: 32px; line-height: 60px; color: #000; text-align: center; font-weight: bold;} 
.prodt ul li .hkzfw{ font-family: 宋体;margin-top: 5px; margin-bottom: 5px; color: #d41023; line-height:60px;font-size: 32px;text-align: center;  }
.prodt ul li .font{width: 40%; margin: auto; height: 38px; line-height: 40px; background: #000; color: #fff; text-align: center;transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
}

.prodt ul li .font:hover{ background: #888; }


@media (max-width:1024px) {
.prodt ul li{ float: left;width: 48%; margin-right: 4%;overflow: hidden; display: block; position: relative; }
.prodt ul li:nth-child(3n){margin-right:4%;}
.prodt ul li:nth-child(2n){margin-right:0;}

.prodt ul li .ternaow{font-size: 16px; }
.prodt ul li .jmzcc{font-size:24px; line-height: 40px; } 
.prodt ul li .hkzfw{ font-size: 24px;line-height:30px; }


}

@media (max-width:640px) {
.prodt ul li{width: 100%; margin-right: 0;overflow: hidden; display: block; position: relative; }
.prodt ul li .ternaow{font-size: 15px; }
.prodt ul li .jmzcc{font-size:20px; line-height: 40px; } 
.prodt ul li .hkzfw{ font-size: 20px; }


}



.contBox {width: 100%; position: relative;  overflow: hidden; margin-bottom: 20px; }
.contBox .leftimg{float:left; width:40%; position:relative;  text-align:center; margin-bottom: 20px; margin-right: 6%;}
.contBox .leftimg img{ display: block; max-width:100%; margin:auto;}
.contBox .Popright{float:left; width: 54%;  position:relative;overflow: hidden;display: block; padding-top:80px;}
.contBox .Popright .text{width: 100%; font-size: 32px; line-height: 48px; display: block;color: #000; overflow: hidden;  margin-bottom: 15px;} 
.contBox .Popright .desc{ width:100%; overflow: hidden; position: relative;  display: block;} 
.contBox .Popright .desc p{font-size: 16px;line-height: 28px;}
   
@media (max-width:640px) {	
.contBox .leftimg{ width:100%;  margin-right: 0; margin-bottom: 30px;}

.contBox .Popright{ width: 100%;  position:relative;overflow: hidden;display: block; padding-top:10px;}
.contBox .Popright .text{width: 100%; font-size: 24px; line-height: 38px; display: block;color: #000; overflow: hidden;  margin-bottom: 15px;} 

}









/*视频*/
.videos{width:100%; overflow: hidden; position: relative;  display: block;padding-top: 30px; margin-bottom: 40px; }
.videos ul{overflow:hidden; margin-bottom: 20px;}
.videos ul li{width:48%;background:#fff;margin-bottom:30px;float:left;margin-right:4%; overflow: hidden; position: relative;  display: block;}
.videos ul li:nth-child(2n){margin-right: 0;}
.videos ul li .video_img{position:relative;overflow:hidden;}
.videos ul li .video_img img{width:100%;}
.videos ul li .video_img iframe{width: 100%; height: 450px;}
.videos ul li .note{padding:20px 0px;text-align:center;background: #fff;overflow: hidden;}
.videos ul li .note .texts{font-size:22px;color:#333; height: 40px; line-height: 40px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.videos ul li .note .tlink{font-size:18px;color:#000; height: 40px; line-height: 40px;}



@media (max-width:750px) {
.videos ul li{width:100%;background:#fff;margin-bottom:30px;float:left;margin-right:0; overflow: hidden; position: relative;  display: block;}

.videos ul li .video_img iframe{width: 100%; height: 300px;}

.videos ul li .note .texts{font-size:20px;color:#333; height: 30px; line-height: 30px;}
.videos ul li .note .tlink{font-size:16px;color:#000; height: 30px; line-height: 30px;}
}








/*视频*/



/*人才招聘*/




.joplist{ width: 100%; display: block; position: relative; overflow: hidden;padding: 20px 0;}
.joplist ul{border-top:1px solid #e8e8e8;zoom: 1;}
.joplist ul li{ border-bottom:1px solid #e8e8e8;background: #ccc;}
.joplist ul li h3{ font-size:15px; height:50px; line-height:50px; color:#4c4c4c;padding:0 28px 0 10px; background-image:url(../images/zp06.png);background-position:98% center;background-repeat:no-repeat; cursor:pointer;}
.zhaoptext04{ padding:16px; background-color:#f2f2f2; font-size:14px; color:#4c4c4c; line-height:24px; display:none;}
.zhaoptext04 p{font-size: 15px;line-height:28px;}
.zhaoptext04 h4{ font-weight:bold; font-size:14px; color:#4c4c4c; padding-bottom:5px;}
.hsh_mailtoa04{ width:120px; height:35px; line-height:35px; text-align:center; color:#ffffff; font-size:16px; background-color:#222222; display:block; margin:32px 0 10px 0;}
.hsh_mailtoa04:hover{color:#ffffff;}
.joplist ul li h3.cur{ color:#ffffff;background-color:#222222; background-image:url(../images/zp07.png);}
.hsh_mailtotext04{color:#222222;}
.recrequest04{padding:2% 0;margin: 0 0 3%;border-bottom:1px solid #d9d9d9;line-height:28px;font-size:14px;}
.recrequest04 li{padding:0;border:none !important;}
.recrequest04 .recp{}
.recrequest04 .recpone{}

@media (min-width: 768px){
.pagezhaopin4{padding-top:55px;padding-bottom:55px;}
	.hsh_mailtoa04{display:inline-block;margin:32px 22px 0 0;}

	.recrequest04 .recp{width:50%; float: left;}
	
}

@media (min-width: 991px){
.joplist ul li h3{padding:0 30px 0 35px; font-size:18px;}
	.recrequest04 .recp{width:21%; float: left;}
	.recrequest04 .recpone{width:35%;}

}

@media (min-width: 1024px){
.zhaoptext04 {padding: 16px 32px 32px;}	
	
	
}




/*人才招聘*/




/*疑难解答*/

.cjwtCon{overflow: hidden; position: relative; margin-bottom: 30px; padding:10px; background:#fff; margin-top: 30px;}
.cjwtCon dl{ cursor:pointer; width:100%;  height:auto; overflow:hidden; border-bottom:1px dashed #d2d2d2;}
.cjwtCon dl dt{ position:relative;padding:10px 0; padding-left:55px;background:url(../images/wtpic02.png) no-repeat left center; background-size:32px;}
.cjwtCon dl dt p{ font-size:16px; color:#666;line-height:32px;overflow: hidden;}
.cjwtCon dl dt p em{ color:#999; font-size:18px; line-height:20px;}
.cjwtCon dl dt span { position:absolute; right:0; top:14px; display:inline-block;padding-left:22px;padding-right:21px;
 text-align:center; height:24px; line-height:24px; color:#666; background:url(../images/wtpic04.png) no-repeat center; font-size:12px;}

.cjwtCon dl dd{ display:none; height:auto;overflow:hidden;padding:0px 0px; position:relative; background:#f7f7f7;padding:35px 27px 20px;cursor:auto; margin-left: 0 !important;}
.cjwtCon dl dd span{ display:inline-block; float:left;}
.cjwtCon dl dd p{color:#000; font-size:14px; line-height:24px; margin-left:50px; text-align:justify;}

.cjwtCon dl.cur dt p{ color:#0158A5}
.cjwtCon dl.cur dt{ background:url(../images/wtpic01.png) no-repeat left center;background-size:32px; }
.cjwtCon dl.cur dt span{ background:url(../images/wtpic05.png) no-repeat center;}


@media (max-width:640px) {
.cjwtCon dl dt{  padding-left:30px;background-size:24px;padding-right:30px;}
.cjwtCon dl.cur dt{background-size:24px;}
.cjwtCon dl dt p{font-size: 15px; line-height: 24px;}
.cjwtCon dl dd{padding:15px 10px 20px;}
.cjwtCon dl dd span img{width: 24px;}
.cjwtCon dl dd p{ margin-left:30px;}
}

/*疑难解答˜*/




/*公司展示*/
.piclist{width: 100%; margin: auto; overflow: hidden; position: relative; margin-bottom: 20px; margin-top: 40px;}
.piclist ul{zoom: 1;  }
.piclist ul li{width: 32%; float: left; margin-bottom: 30px; margin-right: 2%;cursor:pointer}
.piclist ul li:nth-child(3n){margin-right: 0;}
.piclist ul li .tuimgt{ overflow: hidden;  padding: 10px;border: 1px solid #e5e5e5;}
.piclist ul li .tuimgt img{max-width: 100%;transition: all 0.5s ease 0s;}
.piclist ul li .tuimgt:hover img{transform: scale(1.1,1.1)}
.piclist ul li .tuext{height: 50px;font-size: 14px;line-height: 50px; text-align: center;padding: 0 5px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;background: #f0f0f0;}

@media (max-width:850px) {	

.piclist ul li{width: 48%; float: left; margin-bottom: 30px; margin-right: 4%;cursor:pointer; overflow: hidden;}
.piclist ul li:nth-child(3n){margin-right: 4%;}
.piclist ul li:nth-child(2n){margin-right: 0;}

}

@media (max-width:640px) {	
.piclist{ margin-top: 20px;}
.piclist ul li{width: 100%;  margin-bottom: 20px; margin-right:0;cursor:pointer; overflow: hidden;}

}

/*公司展示*/




/*在线留言*/
.feedback01 { padding: 36px 0;color: #333;}
.feedbacktips em { color: #222222;}
.feedback1 {  border-top: 1px solid #ddd; padding: 3% 0%;margin-top: 2%;}
.feedback1 ul li {  padding-bottom: 3%;}
.feedback1 ul li:nth-child(2n) {float: initial;}
.feedback1 ul li label {display: block; padding-top: 6px;border: 1px solid #ddd;}
.feedbacklabel { display: block; font-size: 17px; margin-bottom: 5px;}
.feedbacklabel em {color: #222222;margin-right: 8px;}
.feedbacktext {width: 100%; height: 35px; border: 1px solid #ddd;  padding-left: 12px;background: #fff;}
.feedbackarea { width: 100%; height: 126px;border: 1px solid #ddd; background: #fff; padding: 12px;}
.feedback1 ul li.lastfeedback {width: 100%;}
.feedbackbtn { text-align: center;}
.feedbackbtn input { width: 48%; float: left; margin-right: 4%; height: 35px; background: #222222; font-size: 18px;color: #fff; line-height: 35px;cursor: pointer;margin-bottom: 3%;}
.feedbackbtn input:nth-child(2){margin-right: 0;}
.feedbackbtn input.feedbackrebtn {background: #222222;}
.feedbackcode { border: 1px solid #ddd; width: 100%;height: 38px;background: #fff; position: relative;}
.feedbackcode input { width: 100%;height: 36px;}
.feedbackcodeimg { display: block;  position: absolute;  top: 0px; right: 0;}
.feedbackcodeimg img { display: block; width: 83px;height: 36px;}
.feedbacktips{text-align: center;}

/**/
@media (min-width: 768px){
  .feedback1 ul li { width: 42%; float: left;}
    .feedback1 ul li:nth-child(2n) {float: right;   }
    .feedbackarea {height: 232px; }
    .feedbackbtn input {width: 119px;margin-bottom: 0; margin-right: 0;}
    .feedbackbtn input.feedbackrebtn { margin-left: 20px; }
    .feedbackcode { width: 217px; }

}


/*在线留言*/







.app-index-Experience{display: none;}
.app-Excontainer { display: block;position: relative;width: 100%;height: 100%;padding: 50px 0 0;}
.app-Excontainer ul li{margin:0 auto !important;width: 25%;position:relative; transition: .1s transform;transform: translateZ(0); }

.app-Excontainer ul li img{width: 100%;position: relative;}
.app-Excontainer ul li .easing_cover{display:none;height:125px;position: absolute;top: 35%;left: 0;width: 73px;right: 0;margin: 0 auto;}
.app-Excontainer ul li:hover .easing_cover{display: block;height:125px;width: 73px;}
.index-Experience{width: 100%;position: relative;overflow: hidden;background: url(../images/Experience_bg.jpg)top no-repeat;}
.index-Experience-list{width: 68%;position: relative;overflow: hidden;margin: 0 auto;padding-top: 21.5%;}
.Experience_title{margin-left: 5%;}
.Experience_title .E_title1{color: #ffffff;line-height: 68px;font-weight: bold;font-family: "jaapokkiregular";}
.Experience_title .E_title2{line-height: 36px;font-weight: bold;padding-top: 20px;}


.swiper-slide {text-align: center;font-size: 18px;padding:2% 0;/* Center slide text vertically */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;}
.swiper-pagination-bullet {padding-bottom:8px;width: 20px;height: 20px;border-bottom:2px solid #000000;text-align: center;line-height: 20px;font-size: 16px;opacity: 1;}
.swiper-pagination-bullet-active {color:#fff;border-bottom:2px solid #ffffff;}




@media screen and (max-width: 760px) {
	.max1440{overflow: hidden;}
.pc-inbanner{display: none;}
.app-index-Experience{display: block; overflow: hidden;}


}

 .tsext{font-family: 宋体;text-align: center; font-size: 36px; color: #000; position: relative; margin-top: 50px; padding-bottom: 10px;font-weight: bold;}
 .tsext:before{width: 80px;height: 1px;content: '';background:#000;left: 50%;bottom:0;position: absolute; margin-left: -40px;}



/*发展历程*/

.historylist{ width: 100%; background:url(../images/history.png) no-repeat center top; background-size: 10%;
    padding-top: 80px;overflow: hidden; position: relative; margin-bottom: 80px; margin-top: 40px;}
.historylist ul{ background:url(../images/histoy.jpg) repeat-y center top; padding:54px 0;}
.historylist li{ padding-left:50%; background:url(../images/btp.png) no-repeat center top; padding-top:10px; padding-bottom:10px;}
.historylist li .dnbup{ padding-left:36px;padding-left: 36px;overflow: hidden; display: block;position: static;}
.historylist ul li:nth-child(2n){ text-align:right; padding-left:0; padding-right:50%;}
.historylist ul li:nth-child(2n) .dnbup{padding-left:0; padding-right:36px;}
.historylist li .dstup{ display:block; color:#000; font-size:28px; border-top:1px solid #999; margin-bottom: 10px;}
.historylist li .dstup:before{ display:block; margin:-3px 0 10px 0; content:''; background-color:#000; width:20px; height:5px;}
.historylist ul li:nth-child(2n) .dstup:before{ float:right;}
.historylist ul li:nth-child(2n) .dstup span{ clear:both; display:block;}
.historylist li .dnbup .dunnp{ line-height:24px;}



@media(max-width:480px){
.historylist{ background-position: left top; padding-left:20px;background-size: 30%}
.historylist ul{ background-position: 8px top;}
.historylist ul li{ padding:0 !important; background-position: left top;}
.historylist ul li .dnbup{ padding:10px 10px 10px 36px !important;}
.historylist ul li:nth-child(2n){ text-align:left;}
.historylist ul li:nth-child(2n) .dstup:before{ float:none;}
}

/*发展历程*/









