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

body{padding-top:110px; }
.w1900{ max-width:1920px; margin:0 auto; padding-left:125px; padding-right:125px;}
.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}

.banner{ position:relative;}
.banner img{ width:100%; transition:all 7s; -webkit-transition:all 7s; height:100%; object-fit:cover;}

.banner .swiper-slide.swiper-slide-active img{ transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);}

.banner .swiper-pagination{ position:absolute; width:100%; padding-left:125px; padding-right:125px; bottom:130px; text-align:left;}
.banner .swiper-pagination span{ width:30px; opacity:1; height:7px; background:#fff; border-radius:10px; margin-right:10px; transition:all .3s; -webkit-transition:all .3s;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background:#ca0915; width:50px;}

.header{  transition:all .3s; -webkit-transition:all .3s;  border-bottom:1px solid #fff; position:fixed; top:0; left:0; width:100%; z-index:100;}
.header .logo img{ height:56px;}
.header .logo img.b{ display:none;}
.header .nav li{ padding:0 22px;}
.header .nav a{ transition:all .3s; -webkit-transition:all .3s; position:relative; line-height:107px; font-size:18px; color:#fff; display:block;}
.header .nav li a:after{ content:""; display:block; width:0; background:#ca0915; left:50%; position:absolute; bottom:-1px; height:3px; transition:all .3s; -webkit-transition:all .3s;}
.header .nav li.on a:after{ width:100%; left:0;}
.header .nav li.on a{ color:#ca0915;}
.header .nav li:hover a:after{width:100%; left:0;}

.header .tel{ background-image:url(../images/index_06.png); color:#fff; background-position:left center; background-repeat:no-repeat; padding-left:47px;}
.header .tel span{ display:block; font-size:14px; line-height:1;}
.header .tel b{ font-size:28px; line-height:1; display:block; margin-top:5px;}

.headeropen{ background:#fff; box-shadow:0 0 15px rgba(0,0,0,.1)}

.headeropen .logo img.w{ display:none;}
.headeropen .logo img.b{ display:block;}
.headeropen .nav a{ color:#333; line-height:80px;}
.headeropen .tel span{ color:#333;}
.headeropen .tel b{ color:#333;}

.headerny{ background:#fff; box-shadow:0 0 15px rgba(0,0,0,.1)}
.headerny .logo img.w{ display:none;}
.headerny .logo img.b{ display:block;}
.headerny .nav a{ color:#333;}
.headerny .tel span{ color:#333;}
.headerny .tel b{ color:#333;}


.index01{ padding:130px 0;}

.index01le{ width:50%;}
.index01ri{ width:45%; border-radius:15px;}

.index01le h4{ display:block; font-size:36px; color:#005ca5; line-height:1.2; margin-top:50px;}
.titles b{ font-size:30px !important; font-weight:bold !important; color:#ca0915; display:inline-block; padding-left:50px; background-image:url(../images/index_17.png); background-position:left center; background-repeat:no-repeat;}
.index01le b{ display:block; line-height:1.3; margin-top:20px; color:#000000; font-size:48px; font-weight:normal;}
.index01le p{ margin-bottom:75px; margin-top:25px; font-size:16px; color:#999999;}

.more{ background:#ca0915; color:#fff; line-height:35px; padding-top:13px; padding-bottom:13px; border-radius:100px; -webkit-border-radius:100px; font-size:18px; padding-left:30px; display:inline-block; padding-right:13px;}
.more i{ background:#fff; color:#ca0915; width:35px; height:35px; line-height:35px; text-align:center; border-radius:100%; -webkit-border-radius:100%; margin-left:40px;}


.index01 ul{ text-align:center; width:100%; margin-top:100px;}
.index01 ul b{ color:#d7171c; font-size:34px; display:inline-block; line-height:1.3; padding-right:22px; position:relative;}
.index01 ul b em{ font-size:64px; font-style:normal; }
.index01 ul b span{position:absolute; right:0; top:0;}
.index01 ul li>span{ font-size:16px; color:#000000; display:block;}

.index02le{ width:25%}
.index02ri{ width:70%;}
.index02ri ul{    flex-wrap: nowrap;}
.index02ri li{ position:relative; text-align:center; width:35%; padding:0 30px; height:970px; transition:all 1s; -webkit-transition:all 1s; color:#fff;padding-top:365px; }
.index02ri li >b{ font-weight:normal; font-size:40px; color:#fff;}
.index02ri li:hover{ padding-top:210px; width:80%; background:#005ca5; padding-left:155px;padding-right:155px;}
.index02ri li p{ opacity:0; transition:all 1s; -webkit-transition:all 1s; visibility:hidden; font-size:16px;}
.index02ri li .line{ transition:all .6s; -webkit-transition:all .6s; margin:250px auto 65px; width:50px; height:3px; background:#fff;}
.index02ri li> span{ transition:all 1s; -webkit-transition:all 1s; position:absolute; bottom:150px; left:0; display:block; width:100%; font-size:90px; font-weight:bold; line-height:1;}
.index02ri li:hover p{ opacity:1; visibility:visible;}
.index02ri li:hover .line{ margin-bottom:25px; margin-top:50px;}
.index02ri li:hover> span{ bottom:0; font-size:300px; opacity:.1;}
 
.index02le{ padding-top:210px;}

.titles.w b{ background-image:url(../images/index_17w.png); color:#fff;}
.more.w{ background:none; color:#fff; border:1px solid #fff;}
.more.w i{ background:#fff;}
.index02le .more{ margin-top:160px;}

.index03{ padding:160px 0; background-size:cover; background-position:right center;}

.index03txt strong{ font-size:48px; color:#005ca5;}
.index03txt .txt{ margin:60px 0;}
.index03txt .txt p{ font-size:16px; color:#000000; padding: 15px 0; padding-left:30px; background-position:left center; background-repeat:no-repeat;}
.index03txt .txt p.add{ background-image:url(../images/index_24.png);}
.index03txt .txt p.tels{ background-image:url(../images/index_28.png);}
.index03txt .txt p.mail{ background-image:url(../images/index_32.png);}
.index03txt .ewm img{ display:block; width:120px;}
.index03txt .ewm span{ margin-top:10px; font-size:16px; color:#000000; display:block;}

.footer{ padding:25px 0; background-color:#005ca5; color:#fff;font-size:16px;}
.footer a{ font-size:16px; color:#fff; display:inline-block;}
.footer li { margin-right:40px;}
.fotp a{ display:inline-block; padding:0 10px;}



.aboutbanner{ background-size:cover; position:relative; background-position:center; background-repeat:no-repeat; text-align:center; color:#fff; font-size:48px; padding:125px 0;}

.position{ padding:20px 0; border-bottom:1px solid #dcdcdc;}
.position ,.position a{ font-size:16px; color:#686868;}
.position a:hover{ color:#005bac;}
.posit{ background-image:url(../images/pro_05.jpg); background-position:left center; background-repeat:no-repeat; padding-left:25px;}
.submenu a{ margin-left:40px;}

.main01{ padding:90px 0;}
.main01le{ width:45%;}
.main01le>b{ font-size:40px; color:#005bac; display:block; font-weight:normal; margin-bottom:40px;}
.main01ri{ width:48%; border-radius:15px; overflow:hidden;}

.txtsub{ margin-bottom:60px;}
.txtsub .txt{ height:280px; width:100%; overflow-y:auto; display:none; scrollbar-width: thin; /* 设置滚动条的宽度 */
  scrollbar-color: #ca0915 #f1f1f1; padding-right:20px; text-indent:2em;}

.txtsub .txt img{ max-width:100%; display:block;}
.txtsub .txt p{ color:#686868;}

.txtbot span{ font-size:18px; color:#005bac; cursor:pointer; padding-left:40px; background-position:left center; background-repeat:no-repeat;}
.txtbot span.on{ color:#c90915;}
.txtbot span:first-child{ background-image:url(../images/about_03.png);}
.txtbot span:nth-child(2){ background-image:url(../images/about_05.png);}
.txtbot span:nth-child(3){ background-image:url(../images/about_07.png);}


.txtbot span:first-child.on{ background-image:url(../images/about_03h.png);}
.txtbot span:nth-child(2).on{ background-image:url(../images/about_05h.png);}
.txtbot span:nth-child(3).on{ background-image:url(../images/about_07h.png);}

.nytit{ font-size:40px; color:#005bac; display:block; margin-bottom:40px;}

.main02{ margin-bottom:60px;}
.main02 .swiper-slide{ height:220px; position:relative; border:1px solid #e5e5e5;}
.main02 .swiper-slide img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); max-width:95%; max-height:95%;}

.main02box{ position:relative; padding-bottom:60px;}
.main02box .swiper-pagination{ bottom:0; text-align:center; width:100%;}
.main02box .swiper-pagination span{ opacity:1; background-color:inherit; width:25px; height:25px; background-image:url(../images/dian_04.png); background-size:100% 100%;}
.main02box .swiper-pagination span.swiper-pagination-bullet-active{ background-image:url(../images/dian_03.png);}

.main03{ margin-bottom:80px;}
.main03 .swiper-slide{ height:320px; position:relative; border:1px solid #e5e5e5;}
.main03 .swiper-slide img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); max-width:95%; max-height:95%;}

.main03box{ position:relative; padding-bottom:60px;}
.main03box .swiper-pagination{ bottom:0; text-align:center; width:100%;}
.main03box .swiper-pagination span{ opacity:1; background-color:inherit; width:25px; height:25px; background-image:url(../images/dian_04.png); background-size:100% 100%;}
.main03box .swiper-pagination span.swiper-pagination-bullet-active{ background-image:url(../images/dian_03.png);}

.main02 .swiper-slide{ position:relative;}
.main02 .title{position:absolute; bottom:0; left:0; width:100%; background:rgba(0,0,0,0.5); color:#fff; font-size:16px; text-align:center; padding:5px 10px;}  
.main03 .swiper-slide{ position:relative;}
.main03 .title{position:absolute; bottom:0; left:0; width:100%; background:rgba(0,0,0,0.5); color:#fff; font-size:16px; text-align:center; padding:5px 10px;}  


.imgshow{display: none;background: rgba(0, 0, 0, .5);position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 2019521;}
.swiperbox{height: 100vh;z-index: 3;background:rgba(0,0,0,.8);}
.swiperbox img{width: initial;position: relative;z-index: 2;}
.swiper-zoom-container:before{width: 100%;height: 100%;content: ' ';position: absolute;z-index: 1;display: block;top: 0;left: 0;cursor: pointer;}
.closebtn{position: absolute;z-index: 22;background: url(../images/close.png) no-repeat 11px 0px;width: 60px;height: 60px;top: 30px;right: 30px;background-size: 40px; cursor:pointer;}

.prolist{ margin:110px auto;}
.prolist li{ margin-bottom:60px; background:#f9f9f9}
.prolist li .imgs{ width:50%;}
.prolist li .txt{ position:relative; width:50%; padding:60px; padding-bottom:110px;}
.prolist li  .txt b{ font-size:40px; color:#005bac; font-weight:normal; margin-bottom:30px; display:block;}
.prolist li .txt p{ font-size:16px; color:#686868}
.prolist li .more{ line-height:40px; padding:5px 10px 5px 20px; position:absolute; right:60px; bottom:60px;}

.formbox{ padding:100px 0; background-position:center; background-repeat:no-repeat; background-size:cover; color:#fff;}
.formbox b{ font-size:38px; display:block; text-align:center; margin-bottom:30px; font-weight:normal;}
.formbox p{ text-align:center; display:block; font-size:20px;}

.formbox  form{ max-width:980px; margin:0 auto; margin-top:40px;}
.formbox .flex{ width:32%; border-radius:100px; background:#fff; padding:10px 20px;}
.formbox .flex input{ width:calc(100% - 40px); height:30px; line-height:30px;}

.formbox .flex.input03 input{ width:calc(100% - 110px);}
.formbox .flex.input03 button{ cursor:pointer; width:65px; background-color:#c90915; color:#fff; border-radius:100px; height:30px;}

.newslist{ margin-top:60px;}
.newslist li{ width:23%; margin:1%; transition:all .3s;}
.newslist li .imgs{ height:210px;}
.newslist li .txt span{ color:#999; font-size:14px;}
.newslist li .txt b a{ font-size:16px; color:#333;}
.newslist li .txt p{ font-size:14px; margin-top:5px;}
.newslist li:hover .txt b a{ color:#005bac}
.newslist ul{    justify-content: flex-start;}
.newslist li:hover{  transform:translateY(-5px); -webkit-transform:translateY(-5px);}


.page{ text-align:center; padding-top:30px; padding-bottom:50px;}
.page a{ border:1px solid #f2f2f2; padding:5px 10px; background:#f1f1f1; color:#333;}
.page a.page-num-current,.page a:hover{ background:#005bac; color:#fff; border:1px solid #005bac;}

.newsarticle{ padding:50px 0;}
.biaoti{ text-align:center;}
.biaoti h1{ font-size:28px; font-weight:normal;}
.date{ text-align:center; font-size:14px; padding:10px 0;}
.date span{ padding:0 10px;}
.content{ padding:30px 0 40px; border-top:1px solid #eee; border-bottom:1px solid #eee; margin:20px auto;}
.content p{ font-size:16px; line-height:2;}
.pagenext span{ max-width:48%;}
.pagenext span,.pagenext span a{ font-size:16px; color:#333;}
.pagenext span a:hover{ color:#005bac}

.contact{ padding:40px 0;}
.contact img{ max-width:100%;}
.contact li{ transition:all .3s; padding:20px; text-align:center; background:#005bac; color:#fff; border-radius:5px; width:23%; margin:1%;}
.contact li:hover{  box-shadow:0 0 15px rgba(0,0,0,.1); transform:translateY(-5px); -webkit-transform:translateY(-5px);}
.contact li img{ margin:0 auto; display:block; max-height:40px; margin-bottom:15px;}
.contact li b{ font-size:22px;}
.contact li p{ font-size:16px; color:#fff;}
.contact li:last-child img{ max-height:none; height:100px;}
.map{ margin-top:30px;}
.map img{ max-width:100%; margin:0 auto; display:block;}

.join01{ padding:50px 0;}

.zhaopin001 li{ width:32%; padding:25px; border-radius:5px;border: 1px solid #EEEFF4; transition:all .3s;}
.zhaopin001 li .zptit{ border-bottom:1px dashed #E7E9F1; padding-bottom:15px; margin-bottom:20px;}
.zhaopin001 li .zptit b{ font-size:18px;}
.zhaopin001 li .zptit b img{ vertical-align:middle; margin-left:5px;}
.zhaopin001 li .zptit span{ font-size:18px; }
.zhaopin001 li .zpbox b{ font-size:14px; color:#333; padding-left:14px; display:block; position:relative; margin-bottom:15px;}
.zhaopin001 li .zpbox b:after{ content:""; display:block; position:absolute; width: 4px;
height: 14px;
background: #D69D8D;
border-radius: 2px; left:0; top:50%; margin-top:-7px;}
.zhaopin001 li .contentp p{ font-size:14px; color:#666}
.zhaopin001 li .lxr{ margin-top:20px;}
.zhaopin001 li .lxr span{ font-size:12px; color:#c90915; display:block;}

.zhaopin001 li:hover{ border:1px solid #ddd; box-shadow:0 0 15px rgba(0,0,0,.1); transform:translateY(-5px); -webkit-transform:translateY(-5px);}
.nytit2{ text-align:center; font-size:32px; margin-bottom:40px;}
.zptit b a{ color:#000}
.zhaopin001 li:hover .zptit b a{ color:#c90915}
.index02ri li> p > strong{ color:#fff !important; font-weight:bold !important;}
.index02ri li> p > strong span{color:#fff !important; font-weight:bold !important;}
@media screen and (max-width:1920px){
	.header .nav li{ padding:0 .2rem;}
	.header .tel b{ font-size:.28rem;}
	.header .logo img{ height:.56rem;}
	.index01le b{ font-size:.48rem;}
	.index01le h4{ font-size:.36rem;}
	.titles b{ font-size:.3rem !important; background-size:.32rem auto; padding-left:.5rem;}
	.header .nav a{ font-size:.18rem;}
	.w1900{ padding-left:1.25rem; padding-right:1.25rem;}
	.index01 ul b em{ font-size:.64rem;}
	.index02ri li> b{ font-size:.4rem;}
	.index02le .more{ margin-top:1.6rem;}
	.index02ri li> span{ font-size:.9rem; bottom:1.5rem;}
	.index02ri li:hover{ padding-left:1.2rem; padding-right:1.2rem; padding-top:2.1rem;}
	.index02ri li:hover >span{ font-size:3rem;}
	.index02ri li .line{    margin: 2.5rem auto .65rem;}
	.index02ri li{ height:9.7rem; padding-top:3.65rem;}
	.index02le{ padding-top:2.1rem;}
	.index02ri li p{ font-size:14px;}
	.index03txt strong{ font-size:.48rem;}
	.more i{ width:.35rem; height:.35rem; line-height:.35rem;}
	.more{ line-height:.35rem; padding-top:.13rem; padding-bottom:.13rem;  font-size:.18rem; padding-left:.3rem; padding-right:.13rem;}
.footer li{ margin-right:.4rem;}
.footer li a{ font-size:14px;}
.fotp p{ font-size:14px;}
.fotp a{ font-size:14px;}
.index01le p{ margin-bottom:.75rem;}
.index01 ul b{ font-size:.34rem;}

	 .aboutbanner{ padding:1.25rem 0; font-size:.48rem;}
	 .position, .position a{ font-size:14px;}
	 
.main02 .swiper-slide{ height:2.2rem;}
.main03 .swiper-slide{ height:3.2rem;}
.prolist{ margin:1.1rem auto;}
.prolist li .txt{ padding:.6rem;}
.prolist li .txt b{ font-size:.4rem;}

	}
	@media screen and (max-width:1480px){
		.w1200{ padding-left:40px; padding-right:40px;}.main01le>b{ font-size:30px;}
.nytit{ font-size:30px;}
.prolist li .txt p{ font-size:14px;}
	 
		}
@media screen and (max-width:1280px){
	.header .nav a{ font-size:.22rem;}
	.index03txt .txt p{ padding-top:.15rem; padding-bottom:.15rem;}
	.index03txt .txt{ margin:.6rem 0;}
	.index03{ padding:1.6rem 0;}
	.index01{ padding:1.3rem 0}
	.footer{ text-align:center;}
	.footer ul{ width:100%;}
	.fotp{ width:100%; margin-top:15px; border-top:1px solid #fff; padding-top:15px;}
	.footer li{ margin-right:0} body{ font-size:14px;}
	.txtbot span{ font-size:14px;}
	}
@media screen and (max-width:960px){
	 .wap{ display:block;}
	 .pc{ display:none;}
	 body{ padding-top:0}
	 .banner .swiper-pagination{ bottom:0; text-align:center; padding-left:15px; padding-right:15px;}
	 .w1900{ padding-left:15px; padding-right:15px;}
	 .w1200{ padding-left:15px; padding-right:15px;}
	 .index01{ padding:40px 0;}
	 .zhaopin001 li{ width:100%; margin-bottom:15px;}
	 .zhaopin001 li .zptit b{ font-size:16px;}
	 .zhaopin001 li .zptit b img{ width:20px;}
	 .zhaopin001 li .zptit span{ font-size:14px;}
	 .index01le{ width:100%;}
	 .index01ri{ width:100%; margin-top:15px;}
	 .index01le h4{ margin-top:20px; font-size:18px;}
	 .index01le b{ font-size:18px; margin-top:5px;}
	 .index01le p{ font-size:14px; margin-top:15px;}
	 .more i{ width:20px; height:20px; line-height:20px;}
	 .more{ font-size:14px; padding:5px; padding-left:15px; line-height:20px;}
	 .titles b{ font-size:20px !important; padding-left:25px; margin-top:0; background-size:20px auto;}
	 .index01 ul{ margin-top:20px;}
	 .index01 ul b em{ font-size:20px;}
	 .index01 ul b span{ font-size:14px;}
	 .index01 ul li>span{ font-size:14px;}
	 .index01  li{ width:48%; margin:1%; text-align:center; margin-bottom:3%;}
	 .index02ri li .line{ margin-top:.4rem;}
	 .main01{ padding:40px 0;}
	
	.newslist li{ width:48%; margin:1%;}
	}
@media screen and (max-width:768px){
	.index02le{ width:100%;}
	.index02ri{ width:100%;}
	.index02le .more{ margin-top:20px;}
	.index02ri li{ background-color:#005ca5; margin-bottom:10px; height:auto;  width:100%; padding:20px 15px; padding-bottom:50px;}
	.index02ri li b{ font-size:18px;}
	.index02ri li .line{ height:1px;}
	.index02ri ul{ flex-wrap:wrap}
	.index02le{ padding-top:40px; text-align:center; margin-bottom:30px;}
	.index02ri li p{ opacity:1; font-size:14px; line-height:1.3; visibility:visible;}
	.index02ri li:hover{padding:20px 5px 10px; padding-bottom:100px; width:100%;}
	.index02ri li:hover .line{ margin-top:.4rem;}
	.index02{ padding-bottom:40px;}
	.index03txt strong{ font-size:18px;}
	.index03txt .txt p{ font-size:14px; line-height:1.3; padding-top:10px; padding-bottom:10px;}
	.index03{ background:none;}
	.index03txt .ewm span{ font-size:14px;}
	.banner .swiper-slide{ height:10.5rem;}
	.footer ul{    justify-content: flex-start;}
	.footer ul li{ width:25%;}
	.nytit{ margin-bottom:20px;}
	.main01le>b{ font-size:22px; margin-bottom:20px;}
	.main01le{ width:100%;}
	.main01ri{ width:100%; margin-top:30px;}
	.txtsub{ margin-bottom:25px;}
	.submenu a{ margin-left:10px;}
	.nytit{ font-size:20px;}
	.txtbot span{ padding-left:20px; background-size:15px auto;}
	.main02 .swiper-slide{ height:5.2rem;}
	.main03 .swiper-slide{ height:10.2rem;}
	.main02{ margin-bottom:20px;}
	.prolist li a{ padding-top:10rem; position:relative; width:100%;}
	.prolist li .more{ right:10px; bottom:20px; position:static;}
	.prolist li .txt b{ font-size:18px; margin-bottom:10px;}
	.formbox .flex{ width:100%; margin-bottom:15px;}
	.formbox{ padding:50px 0;}
	.formbox b{ font-size:22px;}
	.formbox p{ font-size:14px;}
	.more i{ margin-left:10px;}
	.prolist li .txt{ width:100%; padding:15px;}
	.prolist li .more{ line-height:20px; margin-top:15px;}
	.prolist li a .imgs{ position:absolute; top:0; left:0; height:10rem; width:100%;}
	.prolist li{ margin-bottom:20px;}
	
	.newslist{ margin-top:30px;}
	
	.newslist li .imgs{ height:9rem; margin-bottom:5px;}
	.newslist li .txt p{ line-height:1.4;}
	.newslist li .txt span{ font-size:12px;}
	.newslist li{ width:100%; margin-bottom:15px;}
	.newsarticle{ padding:40px 0;}
	.biaoti h1{ font-size:18px;}
	.date span{ font-size:12px;}
	.content{ padding:15px 0;}
	.content p{ font-size:14px;}
	.pagenext span, .pagenext span a{ font-size:14px;}
	.aboutbanner{ font-size:20px; padding:50px 0}
	.position{ padding:10px 0}
	.pagenext span{ max-width:none; width:100%; margin-bottom:10px;}
	.contact li{ width:48%; margin:1%; padding:20px 10px;}
	.contact li p{ font-size:14px; line-height:1.3;}
	.contact li b{ font-size:16px; margin-bottom:10px; display:block;}
	.contact li img{ height:30px;}
	.nytit2{ font-size:22px; margin-bottom:15px;}
	.join01{ padding:30px 0}
	.position, .position a{ font-size:12px;}
	.submenu a{ margin-left:5px;}
	.posit{ padding-left:20px;}
	}