@charset "utf-8";
/* CSS Document */

.swiper-pagination-bullet { background: #fff; width: 15px; height: 15px;}
.swiper-pagination { display: inline-block; }
.swiper-pagination-bullet-active{ background-color: #09357f }
.swiper-button-next{ width:24px; height: 41px; background: url(../images/right.png) center center no-repeat; margin-top: -20px; }
.swiper-button-prev{ width:24px; height: 41px; background: url(../images/left.png) center center no-repeat; margin-top: -20px; }
.swiper-button-next:after, .swiper-button-prev:after {display: none;}


.indexpro{ text-align: center; padding: 70px 0; }
.indexpro ul{ margin: 0 -15px;  overflow: hidden;}
.indexpro li{ width: 33.333333%; float: left; padding: 0 15px; box-sizing: border-box; }
.indexpro li a{ display: block; }
.indexpro li .indexpro-img{ position: relative; }
.indexpro li .indexpro-img a img{ width: 100%;  }
.indexpro li .indexpro-tit{position:absolute;  width: 200px; height: 200px; border-radius: 50%; background: rgba(255,255,255,.8); left: 50%; top: 50%; transform: translate(-50%, -50%); padding-top: 18%; box-sizing: border-box;}
.indexpro li .indexpro-tit span{ font-size: 25px; color: #162d57; text-transform: uppercase; }
.indexpro li .indexpro-tit h3{ font-size: 20px; color: #515151 }
.indexpro li a:hover .indexpro-tit{ background: #162d57; box-shadow: 0px 8px 17px #fff; }
.indexpro li a:hover .indexpro-tit span ,.indexpro li a:hover .indexpro-tit h3{ color: #fff; }

.indexpro-con-1{ margin-top: 20px; overflow: hidden; }
.indexpro-con-1 ul ul{ margin: 0; }
.indexpro ul li li{ width: 33.333333%; float: left; line-height: 25px; padding: 0; margin: 0}
.indexpro ul li li a{ font-size: 14px; color: #515151 }

.indexpro-con-2,.indexpro-con-3{ margin-top: 20px; text-align: left; }
.indexpro-con-3 dl{ overflow: hidden; }
.indexpro-con-3 dl dt{ width: 55px; float: left; padding-left: 20px; font-size: 12px; }
.indexpro-con-3 .phone dt{ background: url(../images/PHONE.png) left center no-repeat; }
.indexpro-con-3 .phone dd{ font-size: 25px; color: #c80003}
.indexpro-con-3 .email dt{ background: url(../images/MAIL.png) left center no-repeat; }
.indexpro-con-3 .add dt{ background: url(../images/Map.png) left center no-repeat; }

.kouhao{ background: url(../images/cbg.jpg); height: 530px; background-position: center center;  background-repeat: no-repeat;  background-attachment: fixed;  background-size: cover; display: flex;

justify-content: center; align-items: center;  }
.kouhao-con h3{ display: block; text-align: center; font-size: 50px; color: #fff; font-weight: normal;  }
.kouhao-con h4{ display: block; text-align: center; font-size: 20px; color: #fff; font-weight: normal; line-height: 50px; }

.photo{ background: url(../images/cbg2.png) center top repeat-x; }
.phototit{ text-align: center; }
.titbor{ width: 1px; height: 55px; background-color: #162d57; margin: 0 auto }
.phototit h3{ font-size: 25px; color: #000; font-weight: normal; }
.phototit p{ font-size: 16px; color: #515151; line-height: 60px; }
.photolist{ overflow: hidden; margin: 30px 0 50px 0; }
.photolist li{ width: 20%; box-sizing: border-box; border: 1px solid #ddd; height: 120px; float: left; display: flex; justify-content: center; align-items: center;}
.photolist li:hover{ border:1px solid #c80003;  }

.s_banner1{ height: 250px; background-color: #6cc6d7 }
.snav{ margin-bottom: 50px; overflow: hidden; background-color: #fff; border-bottom: 1px solid #ddd }
.snav h3{ font-size: 14px; font-weight: normal; line-height: 60px; color: #162d57;}
.snav h3 a{ color: #999 }
.snav .fr{ margin-top: 11px; font-size: 14px }
.snav .fr a{ display:inline-block; line-height: 37px; border-radius:18px; color: #333; text-decoration: none; background-color: #eee; margin-left: 10px; padding: 0 30px; }
.snav .fr a:hover{ background-color:#162d57; color: #fff;  }
.snav .fr a.cur{ background-color:#162d57; color: #fff;  }

.con{ background: #fff; }
.aboutcon{ overflow: hidden; margin-bottom: 50px;}
.aboutcon p{ font-size: 16px; line-height: 35px;  }

.main{ padding:50px 0 50px 0 }

.contit{ text-align: center; margin-bottom: 30px;}
.contit h3{ color: #162d57; font-size: 24px; letter-spacing: 3px; line-height: 37px; text-align: center; margin-bottom: 20px; }
.contit span{ display: block; width: 50px; height: 4px; background-color: #162d57; margin: 0 auto }

/*新闻*/
.list{ overflow: hidden; }
.list dl{ border-top: 1px solid #ddd; overflow: hidden; padding: 60px 0; }
.list dl dt{ width: 20%; text-align: center; float: left; }
.list dl dt b{ display: block; text-align: center; font-size: 45px; color: #b8b8b8; font-weight: normal; }
.list dl dt span{display: block; text-align: center; font-size: 18px; color: #b8b8b8 }
.list dl dd{ float: right; width: 80%; }
.list a dl dd .list_con{ width: 80%; overflow: hidden; }
.list a dl dd .list_con .fl{ width: 20%; margin-right: 2%; }
.list a dl dd .list_con .fl img{ width: 100%; }
.list a dl dd .list_con .fr{ width: 78% }
.list a dl dd .list_con h3{ font-size: 25px; color: #000; display: block; }
.list a dl dd .list_con p{ font-size: 15px; color: #808080; display: block; margin-top: 10px; 
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden; }
.list a:hover dl{ background: #f8f8f8 }

.list a dl dd{ background: url(../images/nmore.png) 95% center no-repeat; }
.list a:hover dl dd{ background: url(../images/nmore2.png) 95% center no-repeat; }

.newcontent .fl{ width: 65%; }
.newcontent .fl .news_time{ font-size: 15px; color: #808080 }
.newcontent .fl h1{ display: block; padding: 20px 0; font-size: 35px; color: #000000; border-bottom: 1px solid #ddd }
.newcon{ margin-top: 50px; font-size: 17px; color: #676767; line-height: 35px; }
.newcon img{ max-width: 800px; }
.newcontent .fr{ border: 5px solid #ededed; width: 25%; box-sizing: border-box; padding: 0 20px; }

.news_otehr{ border-top: 5px solid #ddd; padding-top: 30px; overflow: hidden; }
.news_otehr .bd{ float: left; line-height: 30px; font-size: 16px; color: #555 }
.news_otehr .erm{ float: right; }
.news_next{ padding: 30px 0; }
.news_next h3{ display: block; font-size: 22px; color: #000 }
.news_next p a{ display: block; font-size: 17px; color: #09357f }



/*人才招聘*/
.job_content{ text-align: center;}
.job_content h3{ font-size: 35px; color: #000; font-weight: normal; }
.job_content h5{ font-size: 20px; color: #555; font-weight: normal; line-height: 50px; margin-bottom: 20px; }
.job_content ul{ margin: 50px -20px 0 -20px; }
.job_content ul li{ padding: 0 20px; box-sizing: border-box; text-align: center; float: left; width: 50% }
.job_con{ border: 5px solid #dddddd; padding: 50px 0; line-height: 30px; min-height: 160px; }
.job_con h4{ font-size: 35px; margin-bottom: 20px; }

.job_bg{ background: url(../images/jobbg2.jpg) center center no-repeat; height: 428px; overflow: hidden; }
.job_bg h3{ display: block; font-size: 35px; color: #fff; margin-top: 150px; text-align: center; font-weight: normal; }
.job_bg a{ display: block; width: 240px; height: 60px; font-size: 16px; border: 1px solid #fff; color: #fff; text-align: center; line-height: 60px; margin: 30px auto; }
.job_bg a:hover{ background-color: #09357f; color: #fff; }


.operate ul li {display: inline; margin-bottom: 20px;}
.operate ul li a {padding-left: 30px;text-decoration: none;font-size: 14px;color: #555;display: block;height: 43px;line-height: 43px;border-bottom: 1px dotted #d2d2d2;}
.operate ul li a.noline {	border-bottom: none;}
.operate ul li a:hover {	color: #8caf00;}
.operate ul li a.selected:hover {	color: #fff;}
.operate ul li .selected {background-color: #8caf00;background-position: 200px -9px;color: #fff;}
.operate ul li {display: inline-block;width: 100%;position: relative;min-height: 80px;_height: 80px;z-index: 10;zoom: 1}
.operate ul li  h4 {font-size: 20px;background: #fafafa url(../images/job_icon1.jpg) no-repeat right center; height: 80px; line-height: 80px;padding-left: 12px; border-left: 5px solid #09357f; cursor: pointer; font-weight: normal;}
.operate ul li  h4 span{ font-size: 15px; color: #7e7e7e; display: inline-block; margin: 0 30px; }
.operate ul li.noline {border-bottom: none;}
.none {display: none}
.operate ul li.selected h4 {background:#e8edf4 url(../images/job_icon2.jpg) no-repeat right center; color: #eb8f07; color: #09357f}
.operate ul li.selected h4 span{ }
.operate li .list-item {padding: 20px 80px 20px 80px; border: 5px solid #e8edf4; border-top: none;	position: relative;	zoom: 1;	font-size: 14px;line-height: 30px;	color: #666;}


.prolist{overflow:hidden;}
.prolist li{
    width: calc(100%/3 - 15px);
    margin-right: 22.5px;
    overflow: hidden;
    float: left;
    margin-bottom: 20px;}
.prolist li a{ display: block;}
.prolist li .img { overflow: hidden;height:auto;  width: 100%; display: flex; justify-content: center; align-items: center; background-color: #f5f5f5;}
.prolist li .txt { background-color: #fff;   overflow: hidden; height: 65px; padding: 25px 20px 0; border-bottom: 1px solid #ddd;}
.prolist li .txt p { text-align: center; font-size: 17px;  line-height: 17px; color: #2e2e2e; white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.prolist li .txt span { text-align: center; font-size: 14px; color: #d2d2d2; margin-top: 5px; display: block; white-space: nowrap;  text-overflow: ellipsis; overflow: hidden;}
.prolist li:hover .img img { transform: scale(1.1, 1.1); transition: all 1s;}
.prolist li:hover .txt { background-color: #004493; border-bottom: 1px solid #004493;  transition: all 1s linear;}
.prolist li:hover p { color: #fff; transition: all 0.4s linear;}
.prolist li:hover span { color: #fff; opacity: 0.5; transition: all 1s linear;}
.prolist li:nth-child(3n+0) { margin-right: 0;}

@media (max-width:768px){
.w{ width: 100%;}

.main{ padding:20px 0 20px 0 }

.indexpro ul{ margin: 0px; ;}
.indexpro li{ width: 100%; float: none; padding: 0 15px; margin-bottom: 30px;}

.kouhao{ height: 330px; }
.kouhao-con h3{  font-size: 24px; }
.kouhao-con h4{  font-size: 14px;  }
.photolist li{ width: 50%; }
.snav{ padding-bottom: 10px; }
.snav .fl{ float: none;}
.snav .fr{ float: none;}
.snav .fr a{ margin-bottom: 10px; padding: 0 20px; margin:5px; }
/*新闻*/
.list dl{  padding: 30px 0; }
.list dl dt{ width: 30%;  }
.list dl dt b{ font-size: 24px;}
.list dl dt span{font-size: 14px; }
.list dl dd{ float: right; width: 70%; }
.list a dl dd .list_con{ width: 100%; overflow: hidden; }
.list a dl dd .list_con .fl{display: none; }
.list a dl dd .list_con .fr{ width: 100% }
.list a dl dd .list_con h3{ font-size: 16px;  }

.list a dl dd{ background: none; }
.list a:hover dl dd{  background: none;}
.newcontent .fl{ width: 100%; float: none; }
.newcontent .fl h1{font-size: 24px; }
.newcon{ margin-top: 20px; margin-bottom: 20px; font-size: 14px;  line-height: 25px; }
.newcon img{ width: 100% }
.newcontent .fr{ display: none; }
/*人才招聘*/
.job_content h3{ font-size: 24px; }
.job_content h5{ font-size: 16px;}
.img100 img{ width: 100% }
.job_content ul{ margin: 50px 0px 0 0px; }
.job_content ul li{ padding: 10px;  float: none; width: 100% }

.operate ul li {}
.operate ul li a {height: 100%;line-height: 23px;border-bottom: 1px dotted #d2d2d2;;}
.operate ul li  h4 {height: auto; line-height: 23px; font-size: 16px; padding: 10px}
.operate ul li  h4 span{ display: block; margin: 0 }
.operate li .list-item {padding: 20px 10px 20px 10px; }

.prolist li{ width: 100%;
    margin-right: 0px;
    overflow: hidden;
    float: none;
    margin-bottom: 20px;}
}