@charset "utf-8";

/* CSS Document */





.w1200{ max-width:1260px; 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}





.header{ padding-left:90px; padding-right:240px;}



.logo img{ height:43px; margin-right:60px;}

.subnav{ opacity:0; visibility:hidden; top:110%; position:absolute; transition:all .3s; z-index:11; text-align:center; background:#fff; width:100%; left:0;}

.subnav a{transition:all .3s; padding:15px 10px; border-bottom:1px solid #eeeeee; display:block; color:#666; font-size:12px;}

.nav li{ position:relative; padding:0 35px;}

.nav li> a{ line-height:80px; display:inline-block; font-size:16px; color:#363636; position:relative;}

.nav li> a:after{content:""; transition:all .3s; display:block; width:0; height:2px; background:#134b9f; position:absolute; bottom:0; left:50%;}

.nav li.on> a:after,.nav li:hover>a:after{ width:100%; left:0;}

.nav li.on> a,.nav li:hover> a{ color:#134b9f}

.lang{ font-size:16px; color:#363636}

.lang a{  font-size:16px; color:#363636; display:inline-block; margin:0 10px;}

.lang a:hover,.lang a.on{ color:#134b9f}

.nav li:hover .subnav{ top:100%; opacity:1; visibility:visible;}

.nav li .subnav a:hover{ background:#e88f35; color:#fff;}





.banner img{ width:100%;}

.banner .swiper-pagination-bullet{ background:#fff; opacity:1;}

.banner .swiper-pagination-bullet-active{ background:#002d8e;}



.index01{ margin:75px auto; padding-bottom:80px; background-image:url(../images/indexbac_02.jpg); background-size:cover; background-position:center; background-repeat:no-repeat;}



.tit{ padding:60px 0 40px; text-align:center;}

.tit b{ font-size:56px; color:#e88f35; line-height:1; display:block; font-weight:normal; margin-bottom:10px;}

.tit span{ font-size:20px; color:#595757;}

.tit.w b{ color:#fff;}

.tit.w span{ color:#fff}



.index01box a{ width:350px; display:block; height:110px; line-height:110px; font-size:32px; color:#fff; background-image:url(../images/index_09.png); background-size:100% 100%; text-align:center; margin-bottom:30px;}

.index01box a:nth-child(2n){ background-image:url(../images/index_15.png);}



.index01box .index01ri a{ margin-bottom:90px;}

.index01box .index01ri a:last-child{ margin-bottom:0;}

.index01box img{ max-width:100%;}



.index02{ padding:0 0 60px;}

.index02 li{ width:48%; background:#fbfbfb; padding:30px; text-align:center;}

.index02 li b{ font-size:32px; color:#e88f35; font-weight:normal; display:block; line-height:1.5;}

.index02 li span{ font-size:12px; color:#595757; display:block;}

.index02 li img{ max-width:100%; display:block; margin:0 auto; margin-top:50px;}

.index02 li .imgs{ padding:25px;}



.index03{ background-image:url(../images/indexbac_04.jpg); background-size:cover; background-repeat:no-repeat; padding-bottom:100px;}

.index03 li{ width:31%;}

.index03 li img{ width:100%;}

.index03 li b{ font-size:32px; color:#fff; background:#104f9a; display:block; text-align:center; line-height:90px; padding:0 10px; font-weight:normal; }



.index04 .video-js{ width:100%; height:560px;}

.vjs-poster{ background-size:cover;}

.video-js .vjs-big-play-button{ width:55px; height:55px; border-radius:100%; top:50%; left:50%; margin-left:-27px; margin-top:-27px;}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder, .vjs-icon-play{ line-height:50px;}









.index04{ background:#fafbfc; padding-bottom:70px;}

.index04 .tit{ padding:70px 0 30px;}





.index05box p{ font-size:20px; color:#999999; line-height:2.2; text-indent:2em;}



.newsindex .indexnewli{ margin-bottom:20px; padding-bottom:20px; border-bottom:1px dashed #d3d3d3; position:relative;}

.newsindex .indexnewli:last-child{ border:none;}

.newsindex .imgs{ width:245px; height:160px;}

.newsindex .imgs img{ width:100%; height:100%; object-fit:cover;}

.newsindex .date{ width:115px; text-align:center; font-size:16px; color:#808080;}

.newsindex .date b{ font-size:24px; color:#666666; font-weight:normal; display:block; line-height:1.4;}

.newsindex .txts{ width:780px; padding:10px 0; padding-left:30px; border-left:1px solid #d3d3d3;}

.newsindex .txts h2 a{ font-size:18px; color:#333333;  margin-bottom:10px;}

.newsindex .txts h2 a:hover{ color:#e88f35;}

.newsindex .txts p{ font-size:16px; color:#666666}

.newsindex .iconlink{ width:40px; padding-left:60px;}

.iconlink a{ width:40px; display:block; height:40px; border-radius:100%; border:1px solid #9e9e9e;}

.iconlink a i{ width:13px; display:block; height:13px; margin-top:13px; margin-left:9px; border-right:1px solid #9e9e9e;border-bottom:1px solid #9e9e9e; transform:rotate(-45deg);}

.iconlink a:hover{ border:1px solid #e88f35;}

.iconlink a:hover i{border-right:1px solid #e88f35;border-bottom:1px solid #e88f35;}







.footer{ background-image:url(../images/indexbac_06.jpg); background-size:cover; background-position:center; padding-bottom:30px;}

.footer li{ transition:all .3s; padding:75px 15px; text-align:center; width:23%; border-radius:5px;}

.footer li .img{ transition:all .3s; position:relative; margin:0 auto; margin-bottom:15px; width:100px; height:100px; border-radius:100%; border:1px solid #fff;}

.footer li .img img{ max-width:60%; max-height:60%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}

.footer li,.footer li p,.footer li a,.footer li b{ color:#fff; font-size:18px;}

.footer li:hover{ background:rgba(165,201,255,.4);}

.footer li b{ font-weight:normal; display:block; margin-bottom:15px;}

.footer li:hover .img{ border:none;}



.footer .copy{ margin-top:30px; text-align:center; color:#fff;}

.footer .copy a{ color:#fff; font-size:16px;}





.subban {  background-size:cover; background-position:center; color:#fff;}

.subban .tbc{ height:500px;}

.subban .tbc b{ font-size:48px; line-height:1; margin-bottom:15px; font-weight:normal; display:block;}

.subban .tbc p{ font-size:24px;}







.protit{ padding:60px 0 40px; text-align:center;}

.protit b{ font-size:56px; color:#e88f35; line-height:1; display:block; font-weight:normal; margin-bottom:10px;}

.protit p{ font-size:20px; color:#333333; text-transform:uppercase;}



.pro01box{ padding:75px; background:#f5f5f5;}

.pro01box .imgs{ width:60%; padding:40px;}

.pro01box .imgs img{ max-width:100%;}

.pro01box .txts{ width:40%; text-align:center; padding:0 20px;}

.pro01box .txts b{ font-size:56px; color:#333; display:block; line-height:1.3; font-weight:normal;}

.pro01box .txts .line{ width:80px; height:3px; background:#333; margin:20px auto;}

.pro01box .txts p{ font-size:30px;}



.pro02{ padding-bottom:80px;}

.pro02 li{ width:32%; text-align:center;}

.pro02 li .txts{ padding:15px;}

.pro02 li .txts b{ display:block; font-weight:normal; font-size:40px; color:#333;}

.pro02 li .txts p{ font-size:20px; color:#333;}





.fuwu01{ padding:100px 0;}

.fuwutap span{display: inline-flex; margin-right:20px; cursor:pointer;}

.fuwutap span img{ vertical-align:middle; width:50px; margin-right:10px;}

.fuwutap span em{ font-size:24px; padding:0 25px; line-height:50px; color:#333; border-radius:100px; border:2px solid #ef7f54; font-style:normal; display:inline-block;}

.fuwutap span.on em{ background:#ef7f54; color:#fff;}



.fuwutab{ margin-top:50px;}

.fuwubox{ display:none;}

.fuwubox img{ max-width:100%; display:block; margin:0 auto;}



.fuwu03{ padding-bottom:100px;}

.fuwu02 img{ width:100%;}



.fuwu03 li{ width:31%; background:#f5f5f5; padding:30px 20px;}

.fuwu03 li .ti{    justify-content: flex-start; margin-bottom:30px;}.fuwu03 li .ti img{ width:92px;}

.fuwu03 li .ti span{ font-size:44px; line-height:1; margin-left:25px;}

.fuwu03 li p{ font-size:18px; color:#333; margin-bottom:15px;}





.app01box{ position:relative; padding-bottom:80px; text-align:center;}

.app01box b{ font-size:24px; line-height:1.3; display:block;}

.app01box .line{ width:100%; height:1px; background:#e1e1e1; margin:35px 0; position:relative;}

.app01box .line:after{ content:""; display:block; width:25px; height:25px; border:4px solid #e99216; border-radius:100%; position:absolute; left:50%; top:50%; margin-top:-16px; margin-left:-16px; background:#fff;}

.app01box  .imgs{ width:185px; height:185px; margin:0 auto 20px;}

.app01box  p{ font-size:16px; color:#333;}

.app01box .swiper-pagination{ bottom:30px; width:100%;}

.app01box .swiper-pagination .swiper-pagination-bullet{ opacity:1; margin:0 10px; border-radius:0; width:50px; height:3px; background:#ddd;}

.app01box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#e88f35}





.app02 .txt{ text-align:center; padding-bottom:100px;}

.app02 .txt p{ color:#333; font-size:30px;}

.app02 .txt p img{ margin:20px auto; display:block; max-width:100%;}



.kt01 ul{ padding:60px 0; border-bottom:1px solid #ddd; margin-bottom:60px;}

.kt01 li { text-align:center;}

.kt01 li .img{ height:85px; margin-bottom:20px; max-width:100%;}

.kt01 li .img img{ max-height:100%;}

.kt01 li span{ font-size:20px; color:#333;}



.kt02 li{ background:#f9f9f9; margin-bottom:50px;}

.kt02 li .imgs{ width:56%;}

.kt02 li .imgs img{ width:100%; height:100%; object-fit:cover;}

.kt02 li .txts{ width:44%; padding:45px;}

.kt02 li .txts h2 a{ font-size:32px; color:#00adec; font-weight:normal;}

.kt02 li .txts .txt{ border-top:1px solid #00adec; margin-top:20px; padding:20px 0;}

.kt02 li .txts .txt p{ font-size:16px; color:#333;}

.kt02 li .txts .a_txt a{ padding:0 25px; line-height:45px; display:inline-block; margin-right:15px; border:2px solid #00adec; color:#fff; background:#00adec; font-size:16px; border-radius:5px;}

.kt02 li .txts .a_txt a:nth-child(2){ background:#fff; color:#00adec}



.pages { padding-bottom:100px;}

.pages ul{justify-content: center;}

.pages ul li{ background:none; margin:0;}

.pages ul li a,.pages ul li span{ display:block; padding:0 10px; font-size:18px; color:#808080; background:none;}

.pages ul li.active a,.pages ul li:hover a{ color:#e88f35;}



.newschan{ padding:65px 0 45px;}

.newschan a{ padding:0 40px; transition:all .3s; line-height:50px; display:inline-block; background:#e6e6e6; color:#333; font-size:18px; margin-right:25px;}

.newschan a.on,.newschan a:hover{ color:#fff; background:#e88f35}



.newli{ margin-bottom:50px;}

.newli .imgs{ width:230px; height:150px;}

.newli .imgs img{ width:100%; height:100%; object-fit:cover;}

.newli li{ border-bottom:1px dashed #ddd; padding:20px; padding-left:0; transition:all .5s;}

.newli li .txts{ border-left:1px solid #ddd; padding-left:30px; width:calc(100% - 340px); position:relative; padding-right:140px;}

.newli li:hover{ background:#f5f5f5; padding-left:30px;}

.newli li:hover .txts .iconlink a{ background:#e88f35; color:#fff; border:1px solid #e88f35}

.newli li:hover .txts .iconlink a i{ border-right:1px solid #fff; border-bottom:1px solid #fff;}

.newli li .txts .iconlink{ position:absolute; right:40px; top:50%; margin-top:-20px;}

.newli li .txts h3 a{ font-size:18px; color:#333; margin-bottom:10px;}

.newli li .txts p{ font-size:16px; color:#666666; text-indent:2em;}

.newli li .txts  span{ font-size:16px; display:block;color:#666666; margin-top:5px;}

.newli li:hover .txts h3 a{ color:#e88f35;}



.subban2 p{ max-width: 400px;}

.news_article{ padding:100px 0;}

.news_article .newstitles{ text-align:center;}

.news_article .newstitles h1{ font-size:44px; color:#333; font-weight:normal; }

.news_article .times{ text-align:center; padding:10px ; padding-bottom:20px;}

.news_article .times span{ font-size:20px; color:#b2b2b2;}

.news_article .contents p{ font-size:16px; color:#666;  text-indent:2em;}

.news_article .contents p img{ max-width:100%;}

.prev_next{ margin-top:80px; padding-top:80px; border-top:1px dashed #ddd;}

.prev_next a{ color:#666; width:30%; border:1px solid #a0a0a0; line-height:45px; display:inline-block; padding:0 15px; font-size:16px; text-align:center;}

.prev_next a:hover{ background:#134b9f; color:#fff;}



.pro02 li img{ width:100%;}

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

	.header{ padding:0 1rem}

	.nav li{ padding:0 .25rem}

	.logo img{ width:4.6rem; margin-right:.2rem; height:auto;}

	}

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

	.index01box a{ width:3.5rem; height:1.1rem; line-height:1.1rem; font-size:.32rem}

	.index01box a{ margin-bottom:.3rem;}

	.index01box .index01ri a{ margin-bottom:.9rem}

	.w1200{ padding-left:40px; padding-right:40px;}

	

	.index01mi img{ width:4rem;}

.newsindex .imgs{ width:2.45rem; height:1.6rem}

.newsindex .date{ width:1.15rem;}

.newsindex .txts{ width:calc(100% - 4.8rem);}

.newsindex .iconlink{ padding-left:0;}

.newsindex .date b{ font-size:.24rem;}

.tit b,.protit b{ font-size:.56rem;}

.tit span,.protit p{ font-size:.2rem;}

.footer li b{ margin-bottom:10px; font-size:14px;}

.footer li p{ font-size:14px;}

.subban .tbc b{ font-size:.48rem;}

.subban .tbc p{ font-size:.24rem;}

.pro02 li .txts b{ font-size:.4rem;}

.pro02 li .txts p{ font-size:.2rem;}

.pro01box .txts b{ font-size:.56rem;}

.pro01box .txts p{ font-size:.3rem;}



.kt01 li{ width:18%;}

.kt01 li span{ font-size:16px;}

	}

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

	 .wap{ display:block;}

	 .pc{ display:none;}

	 

	 .banner .swiper-slide{ height:15rem;}

	 .banner .swiper-slide img{ width:100%; height:100%; object-fit:cover;}

	 .index01{ margin:30px auto;}

	 .tit,.index04 .tit,.protit { padding:30px 0 20px;}

	 .protit{ padding-left:20px; padding-right:20px;}

	 .tit b,.protit b{ font-size:22px; margin-bottom:5px;}

	 .tit span,.protit p{ font-size:14px;}

	 .w1200{ padding-left:20px; padding-right:20px;}

	 .index01{ padding-bottom:40px;}

	 .index02 li b{ font-size:20px;}

	 

.news_article{ padding:40px 0;}

.news_article .newstitles h1{ font-size:20px;}

.news_article .times{ font-size:12px;}

.news_article .contents p{ font-size:14px;}

.prev_next{ margin-top:30px; padding-top:30px;}

.prev_next a{ width:100%; margin-bottom:5px; font-size:14px;}

	}

	

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

	.index01mi{ display:none;}	

	

	 .index01box a{ width:100%; height:50px; line-height:50px; font-size:12px;}

	 .index01le,.index01ri{ width:48%;}

	 .index01le a:last-child{ margin-bottom:0;}

	 .index01box .index01ri a{ margin-bottom:1.5rem;}

	 .index02 li{ width:100%; margin-bottom:20px;}

	 .index02 li img{ margin-top:20px;}

	 .index02{ padding-bottom:40px;}

	 .index03 li{ width:100%; margin-bottom:20px;}

	 .index03 li b{ font-size:18px; line-height:50px;}

	 .index03{ padding-bottom:40px;}

	 .index04 .video-js{ height:10rem;}

	 .index04{ padding-bottom:40px;}

	 .index05box p{ font-size:14px;}

	 .newsindex .imgs{ width:100%; height:8rem; margin-bottom:10px;}

	 .newsindex .date b{ font-size:16px;}

	 .newsindex .date span{ font-size:12px;}

	 .newsindex .txts{ padding-left:15px;}

	 .newsindex .txts p{ font-size:14px;}

	 .newsindex .date{ width:50px;}

	 .newsindex .txts h2 a{ font-size:16px; margin-bottom:5px;}

	 .footer li{ width:48%; padding:20px 10px;}

	 .footer .copy{ font-size:14px;}

	 .footer .copy a{ font-size:14px;}

	 .footer li, .footer li p, .footer li a, .footer li b{ font-size:14px;}

	 .subban .tbc{ height:13rem;}

	 .subban .tbc b{ font-size:24px;}

	 .subban .tbc p{ font-size:14px;}

	 .pro01box{ padding:30px 20px;}

	 .pro01box .imgs{ padding:15px;}

	 .pro01box .txts{ padding:0 5px;}

	 .pro01box .txts b{ font-size:20px;}

	 .pro01box .txts .line{ margin:5px auto; height:1px;}

	 .pro01box .txts p{ font-size:14px;}

	 .pro02 li{ width:100%; margin-bottom:15px;}

	 .pro02 li .txts b{ font-size:16px; margin-bottom:10px;}

	 .pro02 li .txts p{ font-size:14px;}

	 .fuwu01{ padding:40px 0;}

	 .fuwutap span em{ font-size:14px; padding:0 15px; line-height:35px;}

	 .fuwutap span img{ display:none;}

	 .fuwutap span{ margin:0 5px;}

	 .fuwu03 li{ width:100%; margin-bottom:15px;}

	 .fuwu03 li .ti img{ width:40px; margin-right:0;}

	 .fuwu03 li p{ font-size:14px;}

	 .fuwu03{ padding-bottom:40px;}

	 .fuwu03 li .ti span{ font-size:24px; margin-left:10px;}

	 .app01box .imgs{ width:95%; margin-bottom:10px; height:10rem;}

	 .app01box b{ font-size:16px;}

	 .app01box{ padding:0 20px; padding-bottom:50px;}

	 .app01box p{ font-size:14px;}

	  .app01box .swiper-pagination { left:0; bottom:10px;}

	  .app02 .txt p{ font-size:16px;}

	  .app02 .txt{ padding-bottom:40px;}

	 .app01box .swiper-pagination .swiper-pagination-bullet{ width:20px;}



.app01box .line:after{ width:15px; height:15px; margin-top:-12px;}

.kt01 li{ width:31.33%; margin:1%; margin-bottom:15px; padding:0 5px;}

.kt01 li span{ font-size:12px; line-height:1.3; display:block;}

.kt01 ul{ padding:30px 0;    justify-content: flex-start; margin-bottom:30px;}

.kt01 li .img{ height:40px; margin-bottom:8px;}

.kt02 li .imgs{ width:100%;}

.kt02 li .txts{ width:100%; padding:20px;}

.kt02 li .txts h2 a{ font-size:16px;}

.kt02 li .txts .txt{ margin-top:10px; padding:10px 0;}

.kt02 li .txts .txt p{ font-size:14px;}

.kt02 li .txts .a_txt a{ padding:0 15px; font-size:14px; line-height:40px;}

.pages{ padding-bottom:40px;}

.pages ul li a, .pages ul li span{ font-size:14px;}



.newschan{ padding:40px 0;}

.newschan a{ padding:0 10px; line-height:40px; font-size:14px; width:30%; margin:1%; text-align:center;}

.newli .imgs{ width:100%; height:auto; height:10rem;}

.newli li{ padding:0; margin-bottom:20px; padding-bottom:20px;}

.newli li .txts p{ font-size:14px;}

.newli li .txts span{ font-size:12px;}

.newli{ margin-bottom:30px;}

.newli li .txts{ width:100%; padding-left:0; margin-top:15px; border:none; padding-right:50px;}

.newli li .txts .iconlink{ right:0;}

		}