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


.w1200{ max-width:1400px; margin:0 auto;}
.flex{ display:flex; display: -webkit-flex; align-items:center;flex-wrap:  wrap ; justify-content:space-between}
.flex2{ display:flex; display: -webkit-flex; align-items:stretch;flex-wrap:  wrap ; justify-content:space-between}
.flex3{ display:flex; display: -webkit-flex; align-items:center;flex-wrap:  wrap ; justify-content:center}
.flexlist{ display:flex; display: -webkit-flex; align-items:stretch;flex-wrap:  wrap ;}
.flexpage{ display:flex; display: -webkit-flex; align-items:stretch;flex-wrap:  wrap ;justify-content:center}




.header{ z-index:100; height:80px; position:fixed; top:0; left:0; width:100%; background:rgba(0,0,0,.5);}
.header .logo img{ height:60px;}
.header .logo img.white{ display:block;}
.header .logo img.black{ display:none;}

.nav_search .nav li{ margin-right:40px;}
.nav_search .nav li .pro_subnav{ width:100%; position:absolute; top:80px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); max-width:1100px; background:#fff; display:none;}

.nav_search .nav li> a{ padding:0 10px; color:#fff; display:block; position:relative; line-height:80px; color:#fff;}
.nav_search .nav li.on> a{ background:#215ece;}
.nav_search .nav li.on> a:after{ width:5px; height:5px; border-radius:100%; content:""; display:block; position:absolute; bottom:15px; left:50%; margin-left:-2.5px; background:#7a9ee2;}

.lang{ margin-right:20px;}
.lang a{ color:#b8bcbe;}
.lang a.on{ color:#fff;}
.lang em{ border-left:1px solid #a2afb5; height:11px; margin:0 20px;}

.search img.black{ display:none;}
.search img.white{ display:block;}
.search{ position:relative;}
.searchbox{ position:absolute; top:80px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.1); width:340px; height:60px;    right: 0;
    top: 49px; display:none;}
.searchbox button{ width:80px; height:60px; cursor:pointer; border:none; text-transform:uppercase; background:#eee;}
.searchbox input{ width:calc(100% - 80px); border:none; height:60px; padding:0 15px;}






.header.indexheader{ background:#fff; border-bottom:1px solid #e5e5e5;}
.header.indexheader img.white{ display:none;}
.header.indexheader img.black{ display:block;}

.header.indexheader .nav_search .nav li> a{ color:#333333;}

.header.indexheader .nav_search .nav li.on> a{ color:#215ece; background:none;}
.header.indexheader .nav_search .nav li.on> a:after{ content:""; display:block; position:absolute; bottom:15px; left:50%; margin-left:-2.5px; background:#215ece;}
.header.indexheader .lang a{ color:#c6c6c6;}
.header.indexheader .lang a.on{ color:#215ece}

.header.indexheader .search img.black{ display:block;}
.header.indexheader .search img.white{ display:none;}




.pronav_le{ width:25%; padding:20px 0; padding-left:30px; background:#215ece;}
.pronav_le a{ font-weight:bold; color:#fff; display:block; padding:0 30px; line-height:55px; position:relative;}
.pronav_le a i{ position:absolute; right:30px; top:50%; transform:translateY(-50%); color:#215ece; -webkit-transform:translateY(-50%); }
.pronav_le a.cur{ color:#215ece; background:#fff;}

.pronav_ri{ width:40%; padding:20px .7rem;}
.nav_search .nav li{ position:relative;}
.nav_search .nav li:nth-child(3){ position:static;}
.drop-menus{ display:none; background:#fff; text-align:center; padding:15px; position:absolute; top:80px; left:50%; transform:translateX(-50%); -webkit- transform:translateX(-50%); width:150px; box-shadow:0 0 10px rgba(0,0,0,.1);}
.drop-menus a{ color:#333; display:block;}
.drop-menus a:hover{ color:#215ece}

.pronavri_ri{ width:35%; padding:44px; max-width:370px;}
.pronavri_ri img{ width:100%;}

.pronavri_le .pronavriletitle{ border-bottom:1px solid #e9e9e9; padding-bottom:10px;}
.pronavri_le .pronavriletitle b{ font-weight:bold; font-size:16px; color:#333333; border-left:4px solid #215ece; line-height:14px; padding-left:15px;}

.pronav_ri  .pro_rili { display:none;}
.pronav_ri  .pro_rili .sanjilanmu{ padding:20px 0;}
.pronav_ri  .pro_rili .sanjilanmu a{ font-size:14px; color:#666; display:block; position:relative;color:#666666; padding:3px 0; padding-left:20px;}
.pronav_ri  .pro_rili .sanjilanmu a:after{ left:8px; top:50%; margin-top:-3.5px; display:block; position:absolute; content:""; width:7px; height:7px; border-radius:100%; background:#666666; }

.pronav_ri  .pro_rili .sanjilanmu a:hover{ color:#215ece}
.pronav_ri  .pro_rili .sanjilanmu a:hover:after{ background:#215ece}
.pronav_ri  .pro_rili .sanjilanmu a.curs{ color:#215ece}
.pronav_ri  .pro_rili .sanjilanmu a.curs:after{ background:#215ece}



.index_01{ margin-top:90px; padding-bottom:65px;}
.index_title{ padding-top:60px; padding-bottom:40px;}
.index_title b{ font-size:24px; font-weight:normal;}
.index_title .line{ width:25px; height:1px; background:#333; margin-top:10px;}


.index_01 li{ width:23%; position:relative;}
.index_01 li img{ width:100%;}
.index_01 li .txts{ width:100%; position:absolute; left:0; bottom:0; padding: 40px 20px;}
.index_01 li .txts span{ font-size:18px; color:#fff;}
.index_01 li .txts img{ width: auto; display:block; margin-bottom:15px;}


.index_02 { background:#f8f8f8; padding-bottom:40px;}
.index2box .swiper-slide{ background:#fff;}
.index2box .imgss{ height:195px; position:relative;}
.index2box .imgss img{ max-width:90%; max-height:90%; position:absolute; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.index2box h3{ line-height:45px; display:block; transition:all .3s; text-align:center; font-size:16px; font-weight:normal; color:#333;}
.index2box .swiper-slide:hover h3{ background:#215ece; color:#fff;}

.index2boxpage{ background:#fff; margin-top:50px; padding:10px;}
.index2boxpage .swiper-button-next,.index2boxpage .swiper-button-prev{ position:static; margin:0; width:30px; height:30px; background-size:30px 30px;}
.index2boxpage .swiper-pagination{ position:static; height:30px; background:#f8f8f8; margin:0 18px; padding:0 5px;}
.index2boxpage .swiper-button-next{ background-image:url(../images/index_37.jpg);}
.index2boxpage .swiper-button-prev{ background-image:url(../images/index_35.jpg);}
.index2boxpage .swiper-pagination-clickable .swiper-pagination-bullet{ margin:0 3px; width:4px; height:4px;}

.index3chan a{ line-height:1; display:inline-block; font-weight:bold; border-right:1px solid #cdcdcd; color:#333333; font-size:14px; padding:0 35px;}
.index3chan a.mores{ border:none; padding-right:0; font-weight:normal;}
.index3chan a.on{ color:#215ece;}

.newsindexli{ display:none;}
.newsindexli li{ width:48%;}
.newsindexli li .imgs{ height:215px;}
.newsindexli li .imgs img{ width:100%; height:100%; object-fit:cover;}
.newsindexli li .txts{ padding:10px; border-bottom:1px solid #e9e9e9;}
.newsindexli li h2{ margin:15px 0;}
.newsindexli li h2 a{ display:block; font-size:15px; color:#333; font-weight:bold; line-height:1.4;}
.newsindexli li h2 a:hover{ color:#215ece}
.newsindexli li p{ font-size:14px; color:#888888;}
.newsindexli li span{ font-size:12px; color:#999999; display:block; margin-top:20px; padding-bottom:5px;}

.index4chan a{ font-size:14px; display:block; padding-top:30px;  color:#999999;}
.index4chan a:hover{ color:#215ece;}

.index_04{ padding-bottom:60px;}
.index_04 li{ width:15.2%; margin-bottom:2%; border:1px solid #e9e9e9;}
.index_04 li img{ width:100%;}


.footer{ background:#213752; color:#bcc0c6; padding:.6rem 0;}

.fotlogo{ width:200px;}
.fotlogo li{ display:inline-block;}
.fotri{ width:37.5%;}
.fotabout{ width:calc(62% - 200px); padding:0 1rem 0 1.3rem;}
.fotabout b{ color:#fff; font-size:18px; display:block; margin-bottom:20px; font-weight:normal;}

.share{ padding-left:.55rem; padding-right:.3rem; padding-top:.3rem;}
.share li{ position:relative;}
.share li a{ color:#bcc0c6}
.share li img{ display:none; position:absolute; padding:10px; box-shadow:0 0 10px rgba(0,0,0,.1); background:#fff;
    bottom: 100%;
    left: 50%;
    width: 100px;
    margin-left: -50px;
    border-radius: 10px;
    overflow: hidden;}
.share li:hover img{ display:block;}

.footer p{ font-size:12px; margin-top:10px;}
.fotcopy{ padding:15px 0; background:#f2f2f2; color:#999999; font-size:12px;}
.fotcopy p,.fotcopy ,.fotcopy a{color:#999999; font-size:12px; }
.fotcopy a:hover{ color:#215ece}


.banner_sub{ padding:170px 0; font-size:14px; color:#fff; background-size:cover; background-repeat:no-repeat; background-position:center;}
.banner_sub b{ font-size:48px; font-weight:normal; color:#fff; padding-right:5px; display:inline-block;}

.position02 .w1200{ margin-top:-85px;}
.locations{ padding:0 25px; background:#fff; width:100%; border-bottom:1px solid #e5e5e5;}
.locations a,.locations{ line-height:85px; display:inline-block; font-size:14px; color:#666666;}
.locations a:hover{color:#215ece}

.ny_title{ text-align:center; padding-top:50px; padding-bottom:20px;}
.ny_title b{ font-size:26px; color:#333; display:block; padding-bottom:5px;}
.ny_title .line{ width:30px; height:1px; background:#333; margin:0 auto;}

.about1box{ padding:0 25px; text-align:center; margin:0 auto;}
.about1box p{ font-size:14px; color:#666666;}

.about1box02{ padding:70px 0; border-bottom:1px dashed #d3d3d3;}
.about1box02 li{ text-align:center; width:33.33%; border-right:1px solid #e9e9e9;}
.about1box02 li b{ font-weight:normal; font-size:12px; color:#999999;}
.about1box02 li b em{ font-style:normal; color:#666666; font-size:48px; line-height:1; margin-right:5px;}
.about1box02 li p{ font-size:16px; color:#999999;}
.about1box02 li:last-child{ border:none;}

.about02{ padding-bottom:80px;}
.about02 ul{ margin-top:50px; justify-content: center;}
.about02 li{ width:31.333%; margin:1%; border:1px solid #e9e9e9; padding:30px;}
.about02 li img{ width:100%;}


.about03{ padding-bottom:40px; background:#eff2f7;}
.about03 li{ width:15.2%; margin-bottom:2%; border:1px solid #e9e9e9;}
.about03 li img{ width:100%;}
.about03 ul{ margin-top:50px;}
.about03 li:hover{ border:1px solid #215ece;}

.rongyu01 ul,.zhengshu01 ul{ padding:50px 0;}
.rongyu01 li{ width:25%; border-right:1px dashed #afafaf; border-top:1px dashed #afafaf; padding:.5rem; position:relative;}
.rongyu01 li:first-child,.rongyu01 li:nth-child(2),.rongyu01 li:nth-child(3),.rongyu01 li:nth-child(4){ border-top:none;}
.rongyu01 li:nth-child(4n){ border-right:none;}
.rongyu01 li img{ margin:0 auto; display:block; max-width:100%;}
.rongyu01 li .txts{ position:absolute; top:0; left:0; width:100%; height:100%; padding:.5rem; text-align:center; color:#fff; font-size:14px; background:rgba(33,94,206,.95); opacity:0; transition:all .3s;}
.rongyu01 li:hover .txts{ opacity:1;}


.zhengshu01 li{ width:18%; margin:1%; padding:20px; border:1px solid #e9e9e9;}
.zhengshu01 li img{ width:100%;}


.contact01{ margin-top:-85px; padding-bottom:1rem;}
.contactle{ width:65%; padding:85px 60px; background:#fff;}
.contactri{ width:35%; padding:0 70px; padding-top:85px; background:#215ece; color:#fff;}
.contactle b{ font-size:20px; color:#333333; display:block;}
.contactle p{ font-size:14px; color:#666666; position:relative; display:block; padding-left:30px; margin-top:20px;}
.contactle p img{ position:absolute; left:0; top:3px;}
.contactle .line{ width:15px; height:1px ; background:#999999; margin-top:30px; margin-bottom:40px;}

.contactri span{ font-size:14px; display:block;}
.contactri b{ font-size:28px; display:block; line-height:1.2; margin-top:5px;}
.contactri .line{ width:15px; height:1px; background:#fff; margin:35px 0;}

.job01 li{ border:1px solid #dadada; margin-top:.3rem;}
.job01 li .jobintro{ padding:20px .85rem; cursor:pointer;}
.job01 li .jobintro em{ font-size:20px; cursor:pointer;}
.jobdescribe{ border-top:1px solid #dadada; padding:.35rem .85rem .5rem; display:none;}
.job01 li.on .jobintro em{ transform:rotate(180deg); -webkit-transform:rotate(180deg); color:#215ece}
.job01 li.on .jobdescribe{ display:block;}
.jobtit,.jobnum,.jobstyle{ font-size:14px; color:#666666; font-weight:bold;}
.jobstyle{ width:20%;}
.jobtit,.jobnum{ width:calc(40% - 15px);}
.job01 li .jobintro em{ width:30px; text-align:center;}

.jobdescribe p{ font-size:14px; color:#666;}
.jobdescribe p strong{ font-size:14px; color:#666}
.jobdescribe a.fasong{ padding:0 15px; line-height:35px; display:inline-block; background:#215ece; color:#fff; font-size:14px; margin-top:15px;}



.pages{ padding:.6rem 0;}

.pages li a{ display:block; padding:0 10px; font-size:14px; color:#666;}
.pages li.active a{ color:#215ece}


.position01{ text-align:right; padding:25px 0;}
.position01,.position01 a{ font-size:14px; color:#666666;}

.news_lists li { margin-bottom:40px; transition:all .3s; padding-right:40px;}
.news_lists li:hover{ background:#f2f2f2;}
.news_lists li .imgs{ width:31%;}
.news_lists li .imgs img{ width:100%; height:100%; object-fit:cover;}
.news_lists li .txts{ width:calc(69% - 95px); padding:25px .6rem;}
.news_lists li .times{ width:95px; text-align:center; padding:20px 0; background:#f2f2f2;transition:all .3s; }
.news_lists li .txts h2{ display:block; margin-bottom:5px; }
.news_lists li .txts h2 a{ font-size:16px; color:#333333; display:block; line-height:1.4;}
.news_lists li .txts p{ font-size:14px; color:#888888;}
.news_lists li .txts a.moress{ transition:all .3s; line-height:30px; padding: 0 30px; border:1px solid #cbcbcb; color:#999999; font-size:12px; display:inline-block; margin-top:15px;}
.news_lists li:hover .txts a.moress{ border:1px solid #215ece; background:#215ece; color:#fff;}

.news_lists li .times b{ line-height:1; font-size:48px; color:#6e6e6e; display:block; font-weight:normal;}
.news_lists li .times span{ font-size:12px; color:#999999;}
.news_lists li:hover .times{ background:#fff;}

.news_article h1{ font-size:20px; color:#333333; line-height:1.4;  text-align:center; display:block;}
.news_article .time{ text-align:center; padding-top:10px; padding-bottom:5px; border-bottom:1px dashed #d3d3d3;}
.news_article .time span{ font-size:12px; color:#999999; padding:0 15px;}

.contentsbody{ padding:40px 0;border-bottom:1px dashed #d3d3d3;}
.contentsbody p{ font-size:14px; color:#666666;}
.contentsbody img{ max-width:100%;}


.page_next{ padding:30px 0 60px;}
.page_next a{ font-size:14px; color:#333333; display:block; font-weight:bold;}
.page_next a:hover{ color:#215ece}

.title02{ font-size:14px; color:#333333; padding:10px 0;}

.listtable table{ width:100%;}
.listtable table th{ border-right:1px solid #fff; background:#215ece; color:#fff; text-align:center; height:55px;}
.listtable table td{ height:55px; border:1px solid #e9e9e9; padding:5px; text-align:center; font-size:14px; color:#666666;}
.listtable table td a{ font-size:14px; color:#666666;}
.listtable table td a:hover{ color:#215ece}

.proarticle_01 .proarticle01box{ margin-top:40px;}
.proarticle01box{ padding:35px .8rem; background:#f2f2f2}
.proarticle01box .img{ width:260px; height:180px; background:#fff; position:relative;}
.proarticle01box .img img{ max-width:95%; max-height:95%; position:absolute; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); left:50%; top:50%;}
.proarticle01box .txt{ width:calc(100% - 260px); padding-left:.7rem;}

.protitle { font-size:20px; color:#215ece; border-bottom:1px dashed #afafaf; font-weight:bold; padding-bottom:5px; margin-bottom:15px;}

.proarticle01box .intros> span{ width:70px; font-size:14px; font-weight:bold;}
.proarticle01box .intros .introduction{ width:calc(100% - 80px);}
.proarticle01box .intros .introduction p{ font-size:14px; color:#666666;}

.pro02title{ font-size:26px; font-weight:bold; color:#333333; display:block; text-align:center; padding-top:60px; padding-bottom:30px;}



.proarticle_02 table{ width:100%; border:1px solid #e9ebef; text-align:center;}
.proarticle_02 table th,.proarticle_02 table td{  min-height:55px;}
.proarticle_02 table th{ border-right:1px solid #fff; border-top:2px solid #215ece; height:60px; background:#e9ebef; font-size:14px; font-weight:bold;}
.proarticle_02 table td{border:1px solid #e9ebef; font-size:14px; color:#666666; height:55px;}


.proarticle_03{ padding-bottom:80px;}
.proarticle_03 table{ width:100%; border:1px solid #e9ebef; text-align:center;}
.proarticle_03 table th,.proarticle_02 table td{ min-height:55px;}
.proarticle_03 table th{ border-right:1px solid #fff; border-top:2px solid #215ece; height:60px; background:#e9ebef; font-size:14px; font-weight:bold;}
.proarticle_03 table td{border:1px solid #e9ebef; font-size:14px; color:#666666; height:55px;}

.proarticle_03 table th:nth-child(2){ width:33.33%;}
.proarticle_03 table td a{ display:inline-block; padding:0 15px; line-height:30px; border-radius:100px; background:#215ece; color:#fff;}

.proarticle_02 table th:last-child,.proarticle_03 table th:last-child{ border-right:none;}


.proarticletable{ overflow:auto;}

@media screen and (max-width:1480px){
	 .w1200{ max-width:1200px;}
	 
	}

@media screen and (max-width:1280px){
	 .w1200{ padding-left:40px; padding-right:40px;}
	 .nav_search .nav li{ margin-right:20px;}
	 .index2box .imgss{ height:150px;}
	 .news_lists li{ align-items:stretch;}
	 .news_lists li .times{ height:110px;}
	 
	}
@media screen and (max-width:992px){
	 .wap{ display:block;}
	 .pc{ display:none;}
	 .w1200{ padding-left:40px; padding-right:40px;}
	 .nav_search .nav li{ margin-right:20px;}
	 .fotabout{ width:100%; padding:40px 0;}
	 .fotri{ width:100%;}
	 .footer{ padding:40px 0;}
	 .share ul{ width:100px;}
	 .index_01{ margin-top:0; padding-bottom:40px;}
	 .position02 .w1200{ margin-top:0;}
	 
	.banner_sub{ padding:80px 0; text-align:center; font-size:14px;}
	.banner_sub b{ font-size:24px;}
	.about03 li{ width:32%;}
	
	.index_04 li{ width:32%;}
	
	.rongyu01 li{ width:50%;}
	.rongyu01 li:nth-child(2n){ border-right:none;}
	.rongyu01 li:nth-child(3), .rongyu01 li:nth-child(4){ border-top:1px dashed #afafaf}
	
	.zhengshu01 li{ width:31.33%;}
	.contact01{ margin-top:30px;}
	.contactri{ padding:0 20px; padding-top:85px;}
	}



@media screen and (max-width:768px){
	.w1200{ padding-left:15px; padding-right:15px;}
	.index_title{ padding:40px 0 30px;}
	.index3chan a{ display:none;}
	.index3chan a.mores{ display:inline-block;}
	.newsindexli li{ width:100%;}
	.newsindexli li h2{ margin:5px 0;}
	.newsindexli li span{ margin-top:10px;}
	.newsindexli li .txts{ padding:10px 0;}
	.index_04{ padding-bottom:40px;}
	.index_01 li{ width:48%; margin-bottom:4%;}
	.index_01 li .txts{ padding:15px;}
	.index_01 li .txts span{ font-size:14px;}
	.news_lists li .imgs{ width:100%;}
	.news_lists li .txts{ width:calc(100% - 85px); padding:15px;}
	.news_lists li .times{ margin-top:15px; width:70px; height:90px; margin-right:15px;}
	.news_lists li{ padding-right:0;}
	.news_lists li .times b{ font-size:24px;}
	.position01{ padding:15px 0; text-align:left;}
	.news_lists li{ margin-bottom:15px;}
	.pages{ padding:40px 0;}
	.contentsbody{ padding:30px 0;}
	.page_next a{ margin-bottom:15px;}
	.page_next{ padding-bottom:40px;}
	.locations a, .locations{ line-height:45px;}
	.ny_title{ padding-top:40px;}
	.about1box{ padding:0;}
	.about1box02 li b em{ font-size:24px;}
	.about1box02 li p{ font-size:12px; line-height:16px;}
	.about1box02{ padding:30px 0;}
	.about1box02 ul{ align-items:stretch}
	.ny_title b{ font-size:20px;}
	.about02 li{ padding:10px; width:100%; margin-bottom:10px;}
	.about02{ padding-bottom:40px;}
	.about02 ul{ margin-top:20px;}
	.about03 ul{ margin-top:20px;}
	.position02 .w1200{ padding:0;}
	.rongyu01 li .txts{ font-size:12px;}
	.rongyu01 ul, .zhengshu01 ul{ padding:30px 0;}
	.zhengshu01 li{ width:48%; padding:10px;}
	.contactle,.contactri{ width:100%; padding:25px;}
	.contactri .line{ margin:15px 0;}
	.contactle .line{ margin:15px 0;}
	.contactle b{ font-size:16px;}
	.contact01{ padding-bottom:40px;}
	.jobtit, .jobnum, .jobstyle{ font-size:12px;}
	jobintro { padding:15px;}
	.job01 li.on .jobdescribe{ padding:15px;}
	.jobdescribe p{ font-size:12px;}
	.jobdescribe a.fasong{ font-size:12px;}
	.listtable table th{ font-size:14px; padding:5px;}
	.listtable table td,.listtable table td a{ font-size:12px;}
	.listtable{ overflow:auto;}
	.pro02title{ font-size:20px; padding-top:30px; padding-bottom:15px;}
	.proarticle_01 .proarticle01box{ margin-top:20px; padding:15px;}
	.proarticle01box .txt{ width:100%; padding-left:0; margin-top:15px;}
	.proarticle_02 table td,.proarticle_03 table td{ padding:5px; font-size:12px;}
	.proarticle_02 table th, .proarticle_02 table td{ padding:5px;}
	.proarticle01box .intros .introduction{ width:100%;}
	.proarticle01box .txt .intros{ display:block;}
	.proarticle01box .img{ width:100%;}
	}