@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;}

.tjpro{ padding: 50px 0; }

.tjpro h3{ font-size: 30px; text-align: center; display: block; color: #515151; font-weight: normal; margin-bottom:30px; }

.piclist1 .item{ text-align: center; display: block; position: relative;}

.piclist1 .item .iimg{ width: 221px; height: 233px; display: block; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 14px; margin: 0 auto }
.piclist1 .item .iimg img{ width: 193px; height: 193px;  border-radius: 50%;   }
.piclist1 .item .hov{ width: 221px; height: 233px; position: absolute; top:0; left: 50%; margin-left:-110px; display: none; }

.piclist1 .item:hover .hov{ display: block; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

.piclist1 .item img{ margin: 0 auto }

.piclist1 .item span{ color: #515151; font-size: 16px; display: block; text-align: center; margin-top: 20px; }

.piclist1 .owl-buttons{ height: 76px; margin-top: -76px; }

.piclist1 .owl-buttons div{ width: 28px; height: 76px; }

.piclist1 .owl-buttons .owl-prev{ position: absolute; left: -38px; top:50%; margin-top: 0px; background: url(../images/left1.png) center center no-repeat;}


.piclist1 .owl-buttons .owl-next{ position: absolute; right: -38px; top:50%; margin-top: 0px;  background: url(../images/right1.png) center center no-repeat;}


.tjpro .more{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 50px; }

.tjpro .more a{ width: 210px; line-height: 60px; background:#f1f1f1; font-size: 16px; color: #515151; display: block; text-align: center; }

.tjpro .more a:hover{ background:#0564b9; color: #fff; }



.indexpro{ text-align: center; padding: 70px 0; background:#f1f1f1; }

.indexpro ul{ margin: 0 -15px;  overflow: hidden;}

.indexpro li{ width: 50%; float: left; padding: 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }

.indexpro li a{ display: block; }

.indexpro li .indexpro-img{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background: url(../images/p2.jpg) center center no-repeat; height: 350px; }

.indexpro li .indexpro-img1{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background: url(../images/p3.jpg) center center no-repeat; height: 350px; }



.indexpro li .indexpro-tit{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 200px; height: 200px; border-radius: 50%; background: rgba(255,255,255,.8);  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  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; -webkit-box-shadow: 0px 8px 17px #fff; box-shadow: 0px 8px 17px #fff; }

.indexpro li a:hover .indexpro-tit span ,.indexpro li a:hover .indexpro-tit h3{ color: #fff; }



.indexpro-con-2,.indexpro-con-3{ margin-top: 20px; text-align: left; }

.indexpro-con-2 a{ color: #c80003; font-size: 14px; }

.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; line-height: 30px; }

.indexpro-con-3 .phone dd{ font-size: 23px; 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: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex;



-webkit-box-pack: center;



-webkit-justify-content: center;



   -moz-box-pack: center;



    -ms-flex-pack: center;



        justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center;  }

.kouhao-con h3{ display: block; text-align: center; letter-spacing: 5px; 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{ }

.phototit{ text-align: center; }

.titbor{ width: 1px; height: 55px; background-color: #162d57; margin: 0 auto }

.phototit h3{ font-size: 30px; 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%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ddd; height: 120px; float: left; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center;}

.photolist li:hover{ border:1px solid #c80003;  }



.indexnews{ margin:50px 0; overflow: hidden; }

.indexnews .fl{ width: 570px; height: 350px; }

.piclist2 .item{ position: relative; overflow:hidden; display: block;  text-align: center; overflow: hidden; }

.piclist2 .item img{ width: 570px; height: 350px;}

.piclist2 .item h3{ display: block; line-height: 40px; width: 100%; font-size: 16px; color: #fff; position: absolute; bottom: 0; left: 0; background:rgba(22,45,84,.8); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 20px; text-align: left; }

/*.piclist2 .owl-buttons{ height: 53px; margin-top: -53px; display: none; }

.piclist2 .owl-buttons div{ width: 53px; height: 53px; }

.piclist2 .owl-buttons .owl-prev{ position: absolute; left: -25px; top:50%; margin-top: -25px; background: url(../images/left1.png) center center no-repeat;}

.piclist2 .owl-buttons .owl-prev:hover{ background: url(../images/left.png) center center no-repeat;}

.piclist2 .owl-buttons .owl-next{ position: absolute; right: -25px; top:50%; margin-top: -25px;  background: url(../images/right1.png) center center no-repeat;}

.piclist2 .owl-buttons .owl-next:hover{background: url(../images/right.png) center center no-repeat;}*/

.piclist2 .owl-pagination { display: inline-block; position:absolute; bottom:60px; right:10px; z-index:200; width: 100%; height: 8px; text-align: right;}

.piclist2 .owl-page { display: inline-block; width: 10px; height: 10px; background-color: #fff; margin-left: 5px;  *display: inline; *zoom: 1; }

.piclist2 .owl-pagination .active {background-color:#cf0000; }



.indexnews .fr{ width: 570px; }

.yygk_nav{overflow: hidden; border-bottom: 1px solid #cbcbcb; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}

.yygk_nav ul{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }

.yygk_nav ul li{ height: 40px; font-size: 20px; color: #505050; border-bottom: 3px solid #fff; margin-right:30px; cursor: pointer; }

.yygk_nav ul li:hover{ border-bottom: 3px solid #162d57; }

.yygk_nav ul li:hover a{ color: #162d57}

.yygk_nav ul li.curr{ border-bottom: 3px solid #162d57;}

.yygk_nav ul li.curr a{color: #162d57}



.yygk_nav .more a{ color: #162d57; font-size: 16px; }

.list_yygk{ display: none }

.list_yygk dl { padding: 20px 0; border-bottom: 1px dotted #ddd }

.list_yygk dl a{ font-size: 22px; color: #000000; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }

.list_yygk dl dd{ color: #989898; font-size: 13px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.list_yygk ul{ margin-top: 10px; }

.list_yygk li{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; line-height: 35px; }

.list_yygk li a{-webkit-box-ordinal-group:2;-webkit-order:1;-moz-box-ordinal-group:2;-ms-flex-order:1;order:1; font-size: 15px; color: #515151}

.list_yygk li span{-webkit-box-ordinal-group:3;-webkit-order:2;-moz-box-ordinal-group:3;-ms-flex-order:2;order:2; font-size: 12px; color: #999}



.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 20px; }

.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;  }

.aboutcon p img{ margin-bottom:10px; }

.aboutcon table{
border-collapse:collapse;
}
.aboutcon table td{
border:1px solid #ddd;
}

.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%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; 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; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; 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 ul{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: left; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: left; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.prolist li{
    overflow: hidden; width: 25%; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.prolist li a{ display: block;}

.prolist li .img { overflow: hidden;height:auto;  width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background-color: #f5f5f5;}
.prolist li .img{height: 200px}
.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 { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 1s; transition: all 1s;}

.prolist li:hover .txt { background-color: #004493; border-bottom: 1px solid #004493;  -webkit-transition: all 1s linear;  transition: all 1s linear;}

.prolist li:hover p { color: #fff; -webkit-transition: all 0.4s linear; transition: all 0.4s linear;}

.prolist li:hover span { color: #fff; opacity: 0.5; -webkit-transition: all 1s linear; transition: all 1s linear;}




@media (max-width:768px){

.w{ width: 100%;}



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



.piclist1 .item:hover .hov{ display: none;  }



.indexpro ul{ margin: 0px; ;}

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



.indexnews .fl{ width: 100%; height: auto; float: none; }

.piclist2 .item img{ width: 100%; height: auto;}



.yygk_nav ul li{ height: 40px; font-size: 14px;}

.indexnews .fr{ width: 100%; float: none; }





.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;}

}