@charset='utf-8';
.pg-ban{ width: 100%; height: 140px; overflow: hidden; position: relative; }
.pg-ban img{ width: 700px; height: 140px; position: absolute; top: 0; left: 50%; margin-left: -350px; }

.link{ width: 95%; height: 31px; line-height: 31px; padding: 2.5%; font-size: 0.75em; color: #999; text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden;}
.link span{ font-family: '宋体'; }

.about-pg{ width: 95%; min-height: 41px; padding:0 2.5%; overflow: hidden;}
.about-pg a{ display: block; width: 50%; height: 41px; line-height: 41px; text-align: center; float: left; background: #f5f5f5; font-size: 0.85em;}
.about-pg a.curr{ background: #375ff1; color: #fff; }

.about-txt{ width: 95%; height: auto; overflow: hidden; padding: 2.5%; }
.about-txt img{ display: block; max-width: 100%; margin: 0 auto; }
.about-txt p{ text-indent: 2em; font-size: 0.85em; padding: 1% 0; line-height: 31px;}

.line{ width: 100%; height: 2px; background: #ccc; }

.product-tit{ width: 95%; height: 44px; padding: 10px 2.5% 0 2.5%; }
.product-tit span{ display: block; min-width: 120px; height: 21px; line-height: 21px; text-align: center; margin: 0 auto; font-weight: bold; color: #375ff1; border-right: 3px #375ff1 solid; border-left: solid 3px #375ff1; }
.product-tit a{ display: block; width: 100%; height: 23px; line-height: 23px; text-align: center; font-style: normal; font-size: 0.75em; color: #999; border-bottom: dashed 1px #ccc; }

.product-pg{ width: 95%; height: auto; overflow: hidden; padding: 2.5%; }
.product-pg a{ font-size: 0.75em; padding-right: 3%; line-height: 20px;}
.product-pg a.curr{ color: #375ff1; }

.product-list-box{ width: 100%; height: auto; padding:2.5% 0; overflow: hidden; }
.product-list-box ul li{ display: block; width: 45%; height: auto; float: left; margin: 0 2.5%;}
.product-list-box ul li .pro_list_img{ width: 100%; height: auto; padding-top:100%; position: relative;  }
.product-list-box ul li .pro_list_img img{ width: 100%; position: absolute; top:0; left:0; }
.product-list-box ul li span{ display: block; width: 100%; height: 35px; line-height: 35px; font-size: 0.75em; text-align: center;  text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden;}

.paging{ width: 100%; height: 35px; line-height: 35px; text-align: center; font-size: 0.75em;}
.paging a{ padding: 5px 8px; border: solid 1px #ccc; }
.paging a:hover{ border-color:#ff701c; }
.paging span{ padding: 5px 8px; border: solid 1px #eee; }

.cas-btn{ width: 40%; height: 31px; display: block; margin: 0 auto; text-align: center; line-height: 31px; background: #375ff1; color: #fff; font-size: 0.85em; }

.swiper-container {width: 100%; height: auto; padding: 2.5% 0;}
.swiper-slide { overflow: hidden; text-align: center; width: 100%; height: auto; /* 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-slide .img1{ max-width: 100%; height: auto; }

.pro-table{ width: 95%; height: auto; margin: 0 auto; border-top: solid 1px #ccc; border-left: solid 1px #ccc;}
.pro-table tr td{ width: 40%; border-right: solid 1px #ccc; border-bottom: solid 1px #ccc; padding:1% 5%; font-size: 0.75em;}

.product-text{ width: 95%; height: auto; padding: 2.5%; overflow: hidden; text-align: center; font-size: 0.85em;}
.product-text img{ display: block; max-width: 100%; margin: 0 auto; }

ul.product-pg-list{ display: block; width: 95%; height: auto; overflow: hidden; padding: 2.5%; }
ul.product-pg-list li{ display: block; width: 100%; height: 50px; line-height: 50px; text-align: center; font-size: 0.95em; border-bottom: solid 1px #ccc; }

.project-box{ width: 100%; height: auto; overflow: hidden; padding: 2.5% 0; }
.project-box ul li{ display: block; width: 45%; height: 160px; float: left; margin: 0 2.5%; }
.project-box ul li .pro_list_img{ width: 100%; height: 128px; overflow: hidden; }
.project-box ul li .pro_list_img img{ width: 100%; }
.project-box ul li span{ display: block; width: 100%; height: 35px; line-height: 35px; font-size: 0.75em; text-align: center;  text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden;}

ul.news-box{ display: block; width: 95%; height: auto; padding: 2.5%; }
ul.news-box li{ display: block; width: 100%; height: 31px; line-height: 31px; border-bottom: dashed 1px #ccc;}
ul.news-box li a{ display: block; width: 75%; height: 31px; float: left; font-size: 0.85em; text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; }
ul.news-box li span{ display: block; width: 25%; height: 31px; float: right; font-size: 0.75em; text-align: center;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; color: #999;}

.news-tit{ width: 100%; height: 40px; line-height: 40px; text-align: center; font-weight: bold; color: #ff701c; }
.news-time{ width: 100%; height: 25px; text-align: center; color: #999; font-size: 0.75em; }
.news_dd_txt{ width: 95%; height: auto; overflow: hidden; padding: 2.5%; }
.news_dd_txt p{ font-size: 0.85em; line-height: 27px; padding-bottom: 2%; text-indent: 2em; }

.concur-list{ width: 100%; height: auto; overflow: hidden; padding: 2.5% 0; }
.concur-list dl{ display: block; width: 45%; height: auto; margin: 0 2.5%; float: left;}
.concur-list dl dt{ display: block; width: 100%; height: auto; overflow: hidden; }
.concur-list dl dt img{ display: block; width: 135px; height: 68px; margin: 0 auto}
.concur-list dl dd{ display: block; width: 100%; height: 31px; text-align: center; line-height: 31px; font-size: 0.75em; }

.map_box{ width: 100%; height: 250px; overflow: hidden; margin-bottom: 20px;}

ul.jobs-tit{ width: 100%; height: 31px; line-height: 31px; text-align: center; display: block; font-weight: bold; font-size: 0.85em; color: #444;}
ul.jobs-tit li.jobs-tit1{ width: 30%; height: 31px; float: left; display: block; }
ul.jobs-tit li.jobs-tit2{ width: 35%; height: 31px; float: left; display: block; }

ul.jobs-list{ width: 100%; height: 31px; line-height: 31px; text-align: center; display: block; font-size: 0.75em; color: #444;}
ul.jobs-list li.jobs-list1{ width: 30%; height: 31px; float: left; display: block; }
ul.jobs-list li.jobs-list2{ width: 35%; height: 31px; float: left; display: block; color: #999; }

.join-tit{ width: 100%; height: 35px; line-height: 35px; text-align: center; font-weight: bold; font-size: 0.85em; }
.join-txt{ padding:0 2.5% 5% 2.5%; width: 95%; height: auto; overflow: hidden; line-height: 29px; font-size: 0.75em; }

.join-us-box{ width: 95%; height: auto; padding: 2.5%; overflow: hidden; }
.join-us-box .jobs-title{ width: 100%; height: 31px; line-height: 31px; font-weight: bold; font-size: 0.85em; color: #444;}
.join-us-box .jpbs-put-box{ width: 100%; height: auto; display: block; overflow: hidden;}
.join-us-box .jpbs-put-box li{ display: block; width: 30%; height: 35px; float: left; margin-right: 1%; overflow:hidden !important; }
.join-us-box .jpbs-put-box li input.job-put1{ width: 100%; height: 30px; border: solid 1px #ccc; text-indent: 1em; }
.join-us-box .jpbs-put-box li select{  width: 100%; height: 32px; border: solid 1px #ccc; text-indent: 1em; }

.join-btn{ width: 40%; height: 31px; display: block; margin: 15px auto; text-align: center; border: none; line-height: 31px; background: #375ff1; color: #fff; font-size: 0.85em; }
.join-us-text{ width: 95%; height: auto; overflow: hidden; padding: 2.5%; }