/* CSS Document*/
/*font-family: 'Sans';*/
body{ font-family:"微软雅黑"; font-size:14px; color:#262626;background:#fff;}
a{ color:#666; text-decoration:none;transition: .6s;}
a:hover{}
.clear:after{content:""; display:block; clear:both;}
.container{width: 1200px; margin: 0 auto;}

.header{position: fixed; top: 0; left: 0; width: 100%; background: #fff; box-shadow: 0 0 20px rgba(25,31,37,.09); z-index: 1000;}
/*.nav ul{display: flex;}
.nav ul li{position: relative; transition: .3s;}
.nav ul li:after{content: '|';color: rgba(25,31,37,.3);}
.nav ul li:last-of-type:after{content: "";}
.nav ul li>a{display: inline-block; padding: 0 30px; color: #707070; font-size: 16px; line-height: 96px;}
.nav ul li:hover{background: #f9bd03;}
.nav ul li:hover>a{color: #fff;}
.nav ul li:hover:after{color: #f9bd03;}
.nav ul li .submenu{display: none; position: absolute; width: calc(100% + 40px); background: #fff; box-shadow: 2px 0 11px -3px rgba(0,0,0,.2);}
.nav ul li .submenu a{display: block; text-align: center; line-height: 20px;padding: 16px 10px; font-size: 14px; border-bottom: 1px solid #E9E9E9;}
.nav ul li .submenu a:hover{background: #f9bd03; color: #fff;}*/

.logo{}
.header .wxmenu1{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.header .wxmenu1>li{position: relative; transition: .3s;}
.header .wxmenu1>li:after{content: '|';color: rgba(25,31,37,.3);}
.header .wxmenu1>li:last-of-type:after{content: "";}
.header .wxmenu1>li>a{display: inline-block; padding: 0 30px; color: #707070; font-size: 16px; line-height: 96px;}
.header .wxmenu1>li:hover{background: #f9bd03;}
.header .wxmenu1>li:hover>a{color: #fff;}
.header .wxmenu1>li:hover:after{color: #f9bd03;}
.header .wxmenu1>li .wxmenu2{display: none; position: absolute; width: calc(100% + 40px); background: #fff; box-shadow: 2px 0 11px -3px rgba(0,0,0,.2);}
.header .wxmenu1>li .wxmenu2 a{display: block; text-align: center; line-height: 20px;padding: 16px 10px; font-size: 14px; border-bottom: 1px solid #E9E9E9;}
.header .wxmenu1>li .wxmenu2 a:hover{background: #f9bd03; color: #fff;}

.nav_tb{width: 40px; padding: 10px; background: #f9bd03; display: none;}
.nav_tb span{display: block; height: 3px; background: #fff; margin-top: 3px;}
.nav_tb span:first-child{margin-top: 0;}

.banner_wrap{margin-top: 96px; position: relative; padding: 100px 0; background: url(../images/banner_bg.jpg) no-repeat center bottom/cover;}
#myCanvas {background-color: rgba(0,0,0,.1);position: absolute;top: 0;left: 0;}
.banner img{transform: scale(1.5); opacity: 0; transition: 1.6s;}
.banner .banin img{transform: scale(1); opacity: 1;}
.swiper-pagination{text-align: right; padding-right: 50px;}
.swiper-pagination-bullet{width: 30px; height: 5px; border-radius: 10px; background: #fff; opacity: .7;}
.swiper-pagination-bullet-active{background: #fff83d; opacity: 1;}

.home_main_wrap{
	padding: 65px 0;
	background: url(../images/home_main_bj.jpg) no-repeat;
	background-attachment: fixed;
}
.home_main{ width: 90%; min-width: 1200px; margin: 0 auto; background: #fff;}
.home_news{padding: 100px 0; border-bottom: 1px solid #e1e1e1;}
.home_title{position: relative; margin-bottom: 70px;}
.home_title h2{position: relative; color: #252525; font-size: 36px; text-align: center; margin-bottom: 30px;}
.home_title .xian{position: relative; width: 80px;height: 6px; background: #e0e0e0; margin: 0 auto;}
.home_title span{position: absolute;left: 50%; top: 20px; transform: translateX(-50%); color: #efefef; font-size: 36px; text-transform: uppercase;}

.home_news_box{width: 32%;}
.home_news_box .pic{position: relative; margin-bottom: 20px;}
.home_news_box .pic span{position: absolute; left: 0; bottom: 0; width: 100%; line-height: 45px; background:linear-gradient(to right,#f9bd03,transparent); color: #fff; padding-left: 15px; font-size: 16px;}
.home_news_box li{line-height: 32px; padding: 0 15px;}
.home_news_box li a{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; 
	-webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;}
.home_news_box li .point{display: inline-block; margin-right: 8px;width: 6px; height: 6px; border-radius: 50%; background: #e41f2b;}
.home_news_box li h4{-ms-flex: 1; flex: 1; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #252b3a; font-weight: normal; transition: .3s;}
.home_news_box li .time{color: #a0a0a0;}
.home_news_box li a:hover h4{color: #e41f2b;}

.home_pro{padding: 100px 0 0;}
.home_pro_nav{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; 
		-webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -o-justify-content: space-around;
    justify-content: space-around; margin-bottom: 30px;}
.home_pro_nav li{text-align: center; font-size: 16px; color: #999; position: relative; cursor: pointer;}
.home_pro_nav li i{width: 80px; height: 80px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
	-webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; border-radius: 50%; background: #2888e1; color: #fff; font-size: 30px; margin-bottom: 10px;}
.home_pro_nav li.act i{background: #efab36;}
.home_pro_nav li.act span{color: #111;}
.home_pro_nav li.act:after{content: ""; position: absolute; left: 50%; bottom: -68px; transform: translateX(-50%); border:20px solid transparent; border-top: #fff solid 18px; z-index: 1000;}

.home_com{padding: 100px 0 50px;}
.home_com_cont .cont_text{width: 58%; line-height: 28px;}
.home_com_cont .cont_pic{width: 40%;}
.home_com_cont .home_com_btn{text-align: right;}
.home_com_cont .home_com_btn a{text-align: right; color: #06559e;}

.footer{background: #2e2e2e; padding: 40px 0;}
.footer_box{color: #969696;}
.footer_box .footer_title{margin-bottom: 20px; font-size: 28px; font-weight: bold; color: #fff;}
.footer_box a{color: #969696;line-height: 36px;}
.footer_box li{line-height: 36px;}
.footer_box.links{width: 40%; margin-left: 10%;}
.footer_box.links li{width: 50%;}
.footer_box li i{width: 20px; text-align: center; margin-right: 10px;}
.copy{background: #1f1f1f;color: #9c9c9c; text-align: center; padding: 15px 0; line-height: 20px;}
.copy span{color: #ffbf0f;}

.page_banner{margin-top: 96px;}

.page_footer{background: #2e2e2e; padding: 15px 0; line-height: 20px;}
.page_footer_box ul{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; color: #fff;}
.page_footer_box li{padding: 0 15px;}
.page_footer_box .links li:after{content: "|"; color: #fff; padding: 0 0 0 30px;}
.page_footer_box .links li:last-of-type:after{content: '';}
.page_footer_box li i{margin-right: 5px;}
.page_footer_box a{color: #fff;}

.page_footer_box .f-p li section{position: relative;}
.page_footer_box .f-p li section .f-hide{position: absolute; left: 0; bottom: 35px; opacity: 0; transition: all 1s; z-index: -1;}
.page_footer_box .f-p li:nth-of-type(1) section .f-hide{min-width: 300px;transform: translateY(-30%);}
.page_footer_box .f-p li:nth-of-type(2) section .f-hide{min-width: 600px;transform: translateY(-30%);}
.page_footer_box .f-p li:nth-of-type(3) section .f-hide{width: 110px; height: 30px; line-height: 30px; color: #FFF; background-color: #000; text-align: center;transform: translateY(-30%);}
.page_footer_box .f-p li section:hover .f-hide{opacity: 1; z-index: 10;}
.page_footer_box .f-p li:nth-of-type(1) section:hover .f-hide{transform: translateY(0%);}
.page_footer_box .f-p li:nth-of-type(2) section:hover .f-hide{transform: translateY(0%);}
.page_footer_box .f-p li:nth-of-type(3) section:hover .f-hide{transform: translateY(0%);}

.page_banner{height: 380px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
	-webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;}
.page_title{width: 280px; height: 240px; background: url(../images/zy_title_bg.png) no-repeat center/cover; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; 
		-webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;}
.page_title .text{width: 85%; height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
	-webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; color: #fff;}
.page_title h2{font-size: 34px; font-weight: normal;}
.page_title .xian{width: 80%; height: 1px; background: #fff; margin: 6px auto 15px;}
.page_title p{font-size: 20px;}

.mid{padding: 30px 0 50px; 
	-webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;}
.mid.container{width: 1000px;}
.mid_left{width: 220px; margin-right: 40px; background: rgba(255,255,255,.9); box-shadow: 0 0 10px rgba(25,31,37,.3);}
.mid_left.fixed{position: sticky; top: 96px; z-index: 10000;}
.mid_left li{border-bottom: 1px solid rgba(25,31,37,.2); height: 46px; line-height: 46px;}
.mid_left li a{display: block; color: #333; font-size: 16px; text-align: center;}
.mid_left li.act a{background: #f9bd03; color: #fff;}
.mid_left li a:hover{background: #f9bd03; color: #fff;box-shadow: 2px 0 11px -3px rgba(0,0,0,.2);}
.mid_right{-ms-flex: 1; flex: 1; width: 300px; padding: 30px;box-shadow: 0 0 10px rgba(25,31,37,.3);}
.mid_news{padding: 0;}

.about_title {width: 80%; margin: 10px auto 40px; text-align: center;}
.about_title h3 {letter-spacing: 10px; font-family: Arial;font-size: 10px;color: #333; font-weight: normal;}
.about_title h2 {font-size: 32px;color: #da231e;position: relative;z-index: 1; font-weight: normal;}
.about_title h2 span {display: inline-block; padding: 0 20px; background: #fff; position: relative; z-index: 4;}
.about_title h2:after {content: ""; display: block; width: 100%; height: 1px; background: #e1e1e1; position: absolute; top: 50%; left: 0; z-index: 1;}
.about_text{min-height: 400px;}
.about_text img{width: 100%; margin-bottom: 10px;}
.about_text p{margin-bottom: 15px;font-size: 16px; line-height: 28px;}

.news_list1{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding: 20px 0 24px; border-bottom: 1px solid #e5e5e5;;}
.news_list1 .time{width: 100px; margin-right: 40px;}
.news_list1 .time p:nth-child(1) {font-size: 16px;color: #666;margin: 10px 0 10px;}
.news_list1 .time p:nth-child(2) {font-size: 34px;color: #222;}
.news_list1 .cont{-ms-flex: 1; flex: 1;}
.news_list1 .cont h3 {font-size: 20px; line-height: 28px; font-weight: normal;}
.news_list1 .cont h3 a{color: #333;}
.news_list1 .cont h3 a:hover {color: #186AAB;}
.news_list1 .cont p {height: 48px; line-height: 24px;font-size: 14px;color: #888;margin-top: 10px;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:clip;overflow:hidden;
}
.pagelist{padding: 20px 0 50px; text-align: center;}
.pagelist a{display: inline-block; line-height: 30px; padding: 0 14px; margin: 0 4px; border: 1px solid #F1F1F1; color: #d1d1d1;}
.pagelist em{display: inline-block; line-height: 30px; padding: 0 14px; cursor: pointer; margin: 0 4px; border: 1px solid #F1F1F1; color: #d1d1d1;}
.pagelist a.act{color: #fff;background: #346DB8;}
.pagelist a:hover{color: #fff;background: #346DB8;}

.news_list2 li{ line-height: 50px; padding: 0 36px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;}
.news_list2 li:nth-child(2n){background: #f1f1f1;}
.news_list2 a{font-size: 16px; color: #000; -ms-flex: 1; flex: 1; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.news_list2 span{font-size: 16px; color: #ababab;}

.newscont .title{font-size:22px; font-weight: bold; color: rgba(25,31,37,1); line-height: 28px;}
.newscont .newscont_text{margin-top:30px; text-align: justify; color: rgba(25,31,37,.78); font-size: 16px; line-height: 1.6; padding:0 30px;}
.newscont .time{font-size:16px; color:rgba(25,31,37,.48); padding:10px 0; display: block; border-bottom:1px solid rgba(25,31,37,.05);}

.prolist{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;-ms-flex-wrap: wrap; flex-wrap: wrap;}
.prolist dl{width: calc(100% / 4); padding: 10px;}
.prolist dl dt{width: 150px; height: 112px;}
.prolist dl img{width: 100%; height: 100%; object-fit: cover;}
.prolist dd{margin-top: 20px;}
.prolist dd h2 {line-height: 30px; font-size: 20px; font-weight: 600; color: #000;}
.prolist dd:hover h2 {color: #f9bd03;}
.prolist dd h3 {line-height: 24px; color:#2562B3; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.prolist dd p {line-height: 22px;text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.prolist dd:hover p{ color: rgba(25,31,37,1);}
.prolist dd .line {height: 1px; margin: 12px 0 12px 0; background: #e6e6e6;}
.prolist dd a{margin-top: 10px;display: inline-block; height: 32px; width: 86px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
	-webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; font-size: 12px;border: 2px solid #D3D3D3;color: #202A30; border-radius: 18px; font-weight: 600;}
.prolist dd a:hover{background: #f9bd03; color: #fff;}
.home_pro_cont img{width: 100%;}

.contact{padding: 0 0 50px 0;border-bottom: 1px solid #e5e5e5;}
.contact_box{width: calc(100% / 3); text-align: center; padding: 0 10px;}
.contact_box .pic{padding: 10px 0;}
.contact_box .title{color: #888;margin-top: 2px; font-size: 16px;}
.contact_box .cont{margin: 10px 0;line-height: 36px;font-family: Arial;font-size: 20px;color: #333;}

.memorabilia{position: relative; padding: 50px 10px;}
.memorabilia:after{content: ""; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; margin-left: -0.5px; background: #ccc;}
.memorabilia_list{width: 40%; margin-left:5%; padding: 15px 0;}
.memorabilia_list:before{content: ""; position: absolute; left: 50%; margin-top: 10px; height: 14px; width: 14px; margin-left: -7px; border-radius: 50%; background: #ccc; z-index: 100;}
.memorabilia_list .time{text-align: right; color: #EFAB36; font-size: 20px; line-height: 30px; margin-bottom: 10px;}
.memorabilia_list .cont{font-size: 15px; color: #7e7e7e; line-height: 28px;}
.memorabilia_list:nth-child(2n){margin-left: 55%;}
.memorabilia_list:nth-child(2n) .time{text-align: left;}

.job_cont{}
.job_cont_title{font-size: 28px; font-weight: bold; color: #222; margin-bottom: 5px; text-align: center}
.job_salary{font-size: 22px; color: #ff3030; font-weight: bold; margin-bottom: 5px;}
.job_remark{margin: 20px 0;}
.job_remark span{ color: #666; font-size: 16px;}
.job_remark span:nth-last-child(1):after{content: "";}
.job_remark span:after{content: "|"; display: inline-block; padding: 0 5px;}
.job_btn a{display: inline-block; padding: 10px 25px; font-size: 16px; background: #f9bd03; color: #fff; border-radius: 5px;}
.job_claim{margin: 20px 0 10px;}
.job_claim_h3{color: #222; font-size: 16px; margin-bottom: 10px;}
.job_claim_cont{color: #666; line-height: 30px; font-size: 16px;}





@media screen and (max-width:1599px){

	}

@media screen and (max-width:1199px){
.container{width: 94%;}
.mid.container{width: 94%;}
.home_main{min-width:94%;}
.header .wxmenu1>li>a{padding: 0 10px;}
	}

@media screen and (max-width: 768px) {
.nav_tb{display: block;}
.header .wxmenu1{display: none; position: absolute; right: 0; top: 70px; background: #186aab; width: 220px;}
.header .wxmenu1>li>a{color: #fff; line-height: 42px; border-bottom: 1px solid rgba(255,255,255,.6); display: block;}
.header .wxmenu1>li:after{content: '';}
.header .wxmenu1>li .wxmenu2{display: none !important;}
.header .logo img{padding: 10px 0; height: 70px;}
.mid_left{width: 100%; margin-right: 0; margin-bottom: 20px; box-shadow: 0 0 0px rgba(25,31,37,0);}
.mid_left .wxmenu1{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;-ms-flex-wrap: wrap; flex-wrap: wrap;}
.mid_left .wxmenu1 li{width: calc(100%/4 - 12px); margin: 6px; height: 36px; line-height: 36px; font-size: 13px; text-align: center;}
.mid_left .wxmenu1 li a{background: #f1f1f1; color: #555;}
.mid_left .wxmenu1 li.act a{background: #f9bd03; color: #fff;}
.mid_left li a:hover{background: #f9bd03; color: #fff;box-shadow: 2px 0 11px -3px rgba(0,0,0,.2);}
.prolist dl{width: calc(100% / 3);}
.memorabilia:after{margin-left: 0; left: 0;}
.memorabilia_list{width: 90%;}
.memorabilia_list:nth-child(2n){margin-left: 5%;}
.memorabilia_list:before{left: 0;}
.memorabilia_list .time{text-align: left;}
	}

@media screen and (max-width: 480px) {
/* .container{width: 94%;} */
.banner_wrap{padding: 50px 0;}
.home_news{padding: 50px 0;}
.home_pro{padding: 50px 0 0;}
.home_com{padding: 50px 0 35px;}
.home_title h2{font-size: 30px;}
.home_title span{font-size: 24px; width: 100%; text-align: center;}
.home_title{margin-bottom:35px;}
.home_news_box{width: 100%; margin-bottom: 20px;}
.home_pro_nav{flex-wrap: wrap;}
.home_pro_nav li{margin-bottom: 10px;}
.home_pro_nav li.act:after{display: none;}
.home_com_cont .cont_text{width: 100%;}
.home_com_cont .cont_pic{width: 100%;}
.footer_box{margin-bottom: 20px; width: 100%;}
.footer_box.links{margin-left: 0;}
.prolist dl{width: 50%;}
.page_footer_box li{padding: 0 6px;}
.page_footer_box .f-p li:nth-of-type(2) section .f-hide{min-width: 200px;transform: translateY(-30%);}
.about_title{width: 100%;}
.newscont .newscont_text{padding: 0;}
	}