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


.banner img{ width:100%; transition:all 5s; -webkit-transition:all 5s;}
.banner .swiper-slide-active img{ transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05)}

.pd45 { padding:45px 0;}

.indextitle{ text-align:center; padding-bottom:30px;}
.indextitle .cntitle{ font-size:40px; color:#000000;}
.indextitle .entitle{ font-size:18px; color:#6c6c6c;}
.indextitle .line{ width:53px; height:4px; background-image:url(../images/index_23.jpg); background-repeat:repeat-x; background-size:auto 100%; margin:15px auto 0;}


.index01box01 ul{ padding:35px 0; background:#fff;}
.index01box01 li{ width:33.33%; padding:0 50px; border-right:1px solid #bfbfbf;}
.index01box01 li b{ font-weight:normal; font-size:24px; color:#000000; display:block; margin-bottom:10px;}
.index01box01 li a{ font-size:18px; display:block; color:#737373;}
.index01box01 li a:hover{ color:#00b0f4;}

.news08{ display: none;}
.index01box01{ margin-bottom:20px;}
.index01le,.index01ri{ width:49%;}
.index01le img{}
.index01ri li{ background:#fff; width:100%; padding:45px 50px;}
.index01ri li:first-child{ margin-bottom:20px;}
.index01ri li .txt,.index01ri li .img{ width:49%;}
.index01ri li .img img{ max-width:100%; display:block; margin:0 auto;}
.index01ri li .txt span{ font-size:16px; color:#6c6c6c; display:block; margin-bottom:20px;}
.index01ri li .txt b a{ font-size:38px; color:#00b0f4; line-height:1; }
.index01ri li .txt p{ font-size:20px; color:#2c2c2c; margin-top:10px;}
.index01ri li .txt>a{ line-height:35px; padding:0 25px; background-image:url(../images/index_23.jpg); background-repeat:repeat-x; background-size:auto 100%; display:inline-block; border-radius:100px; font-size:20px; color:#fff; margin-top:40px;}


.youshibox{ background-size:auto 100%; background-position:center; background-repeat:no-repeat;}
.youshibox ul{ max-width:48%; background-repeat:no-repeat;}
.youshibox ul li{ background-repeat:no-repeat; background-position:left top; margin-bottom:23px;}
.youshibox ul li b{ font-size:24px; color:#000; display:block;}
.youshibox ul li span{ display:block; font-size:18px; color:#4a4a4a;}
.youshibox ul li .line{ margin-top:40px;  background:#bfbfbf; height:1px; width:170px;}
.youshibox ul.ulle li{ padding-left:100px;}
.youshibox ul.ulri li{ text-align:right; background-position:right top; padding-right:100px;}
.youshibox ul.ulri li .line{float:right;}


.indextitle.white{ color:#fff;}
.index03{ padding-top:60px; background-color:#030204;}
.indextitle.white .cntitle{ color:#fff;}
.toplile,.topliri{ width:50%;}
.toplile img{}
.topliri{ padding:50px 40px; position:relative;}
.topliri b{ font-size:24px; color:#000000; display:block; line-height:1.3; font-weight:normal;}
.topliri p{ margin:30px 0 60px; font-size:16px; color:#3d3d3d; line-height:2;}
.topli{ background-color:rgba(255,255,255,.85); display:none;}
.topliri .a_box a{ border-radius:100px; overflow:hidden; margin-right:15px; padding:1px; display:inline-block; background-image:url(../images/index_23.jpg); background-repeat:repeat-x; background-size:auto 100%;}
.topliri .a_box a span{border-radius:100px; overflow:hidden; transition:all .3s; display:block; background:#dedddc; padding:0 25px; line-height:35px; font-size:16px; color:#000000;}
.topliri .a_box a:first-child span,.topliri .a_box a:hover span{ background:none; color:#fff;}

.topliri  .txt{ position:relative; z-index:2;}
.topliri .img{ position:absolute; right:30px; bottom:30px; width:25%; z-index:1;}
.topliri .img img{ width:100%;}

.index03bot ul{     flex-wrap: nowrap;}
.index03bot li{ color:#fff; width:20%; border-right:1px solid #bfbfbf;text-align:center; padding:20px; padding-top:35px;}
.index03bot ul{border-left:1px solid #bfbfbf;border-top:1px solid #bfbfbf;}
.index03bot li .img{  border-radius:100%; overflow:hidden; height:110px; width:110px; margin:0 auto 15px;}
.index03bot li .img img{ width:100%; height:100%; object-fit:cover;}
.index03bot li.on{ background-image:url(../images/index_132.jpg); background-repeat:repeat-x; background-size:auto 100%;}

.index04  .swiper-container{border-left:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf;border-right:1px solid #bfbfbf;}
.index04  .swiper-slide {border-right:1px solid #bfbfbf; border-top:none;}
.index04 .img{ height:145px; padding:15px; position:relative;}
.index04 .img img{ max-width:90%; max-height:80%; position:absolute; top:50%; left: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%);}

.index04 .w1200{ position:relative;}
.index04  .swiper-button-next{ right:-40px;}
.index04  .swiper-button-prev{ left:-40px;}

.index05{ padding-top:60px;}

.index05li{ position:relative;}
.index05li .img{ width:50%; position:absolute; z-index:1; right:0; top:0; height:100%;}
.index05li .txt{ position:relative; z-index:2;}
.index05li .txt ul{ padding:40px 0; padding-right:75px; width:50%;}
.index05li .txt li{ padding:55px 0; position:relative;}
.index05li .txt li:first-child{ border-bottom:1px solid #bfbfbf;}

.index05li.index05li2 .img{ left:0;}

.index05li .txt li .num{  width:75px;}
.index05li .txt li .num .numbox{ height:75px; width:75px; }
.index05li .txt li .num .numbox img{ width:100%;}
.index05li .txt li .txts{ width:calc(100% - 85px);}
.index05li .txt li .txts b{ font-size:24px; color:#000; font-weight:normal; line-height:1; margin-bottom:15px; display:block;}
.index05li .txt li .txts p{ font-size:16px; color:#4e4e4e; padding-left:30px; background-image:url(../images/index_93.jpg); background-position:left 5px; background-repeat:no-repeat;}

.index05li.index05li2 ul{ float:right;padding-right:0; padding-left:75px;}

.fot_con,.index01,.index03{ background-position:center; background-repeat:no-repeat; background-size:cover;}
.index06{ background-color:#e6e6e6; background-position:center; background-size:cover;}
.index06 .w1200{ padding:30px 0; position:relative;}
.index06 .w1200 .bac{ position:absolute; left:0; top:0; z-index:1; height:100%; width:66%; background:#fff;}
.index06 .w1200 .flex2{ position:relative; z-index:2;}
.index06 .txt{ width:50%; padding:0 50px 0 45px;}
.index06 .txt> b{ font-weight:normal; margin-bottom:15px; display:block;}
.index06 .txt b span{ font-size:30px; color:#000000;}
.index06 .txt b em{ font-size:18px; color:#00b0f4; font-style:normal; margin-left:15px;}
.index06 .txt p{ text-indent:2em; font-size:16px; color:#4e4e4e; line-height:1.5;}
.index06 .img{ width:50%;}
.telbo{ margin-top:20px; padding-bottom:10px;}
.telbo b{ display:inline-block; font-size:24px; color:#4e4e4e; font-weight:normal;}
.telbo b img{ vertical-align:middle; margin-right:20px;}
.telbo a{ display:inline-block; padding:0 20px; line-height:40px; color:#fff; background-image:url(../images/index_23.jpg); background-repeat:repeat-x; background-size:auto 100%; border-radius:100px; margin-left:60px;}

.index07tit{ text-align:center;}
.index07tit span{ padding:13px 0; display:inline-block; line-height:1; cursor:pointer; color:#000000; font-size:18px; position:relative;}
.index07tit span:first-child{ margin-right:60px;}
.index07tit span:first-child:after{ position:absolute; right:-30px; width:1px; content:""; display:block; height:20px; top:50%; margin-top:-10px; background:#ababab}
.index07tit span.on:before{ position:absolute; content:""; display:block; width:100%; height:3px; background-image:url(../images/index_23.jpg); background-repeat:repeat-x; background-size:auto 100%; bottom:0; left:0;}


.index07tap{ margin-top:35px;}

.index07li li{ width:17%; text-align:center;}
.index07li li .img{ width:95%; margin:0 auto; margin-bottom:25px;}
.index07li li .img img{ width:100%;}
.index07li li span{ font-size:18px; color:#000000;}
.index07li{ display:none;}


.index08le{ width:64%;}
.index08ri{ width:32%;}

.index08tit{ border-bottom:2px solid #ababab; margin-bottom:15px;}
.index08tit span{ cursor:pointer; position:relative; margin-right:40px; font-size:18px; color:#222222; display:inline-block; line-height:1; padding:15px 0;}
.index08tit span.on{ color:#000; font-weight:bold;}
.index08tit span.on:after{ width:100%; height:2px; bottom:-2px; background:#00b0f4; content:""; display:block; position:absolute;}
.index08tit a{ font-size:16px; color:#737373;}
.index08tit a:hover{ color:#00b0f4;}

.news08top{ margin-bottom:15px;}
.news08top .imgs{ width:30%; height:200px;}

.news08top .txts{ width:67%;}
.news08top .txts h2{ margin-bottom:10px;}
.news08top .txts h2 a{ font-size:18px; color:#000000; font-weight:normal;}
.news08top .txts p{ font-size:14px; color:#606060; margin-bottom:20px;}
.news08top .txts> a{ display:inline-block; border-radius:100px; color:#fff; font-size:16px; padding:0 30px; line-height:35px; background-image:url(../images/index_23.jpg); background-repeat:repeat-x; background-size:auto 100%;}

.index08lebot li{ width:46%; padding:15px 0; border-top:1px solid #ababab;}
.index08lebot li .litop{ padding:0 20px 0 30px; position:relative;}
.index08lebot li .litop span{ position:absolute; left:0; top:0; color:#fff;background-image:url(../images/index_23.jpg); background-repeat:repeat-x; background-size:auto 100%; width:20px; height:20px; line-height:20px; text-align:center; font-size:18px; border-radius:100%;}

.index08lebot li .litop h2 a{ font-size:18px; color:#000000; font-weight:normal; line-height:1;}
.index08lebot li .litop em{ display:block; font-size:14px; color:#606060; font-style:normal; margin-top:3px;}
.index08lebot li .litop i{ right:0; top:50%; position:absolute; display:inline-block; width:20px; height:20px; margin-top:-10px; line-height:20px; text-align:center; color:#999; font-size:26px;}
.index08lebot li:hover .litop h2 a,.index08lebot li:hover .litop  i{ color:#0ab3f5}
.index08lebot li p{ font-size:14px; color:#606060;}


.index08ri ul{ padding:30px 0;}
.index08ri ul li{ margin-bottom:20px;}
.index08ri ul  .ques{ margin-bottom:5px;}
.index08ri ul  .ques a{ position:relative; font-size:18px; color:#000000; padding-left:40px;}
.index08ri ul  .ans p{  position:relative;font-size:14px; color:#575757; padding-left:40px;}
.index08ri ul  .ques a:before{ content:"A"; display:block; position:absolute; width:23px; height:23px; background:#bfbfbf; color:#fff; line-height:23px; text-align:center; font-size:14px; left:0; top:2px}
.index08ri ul  .ans p:before{ content:"Q"; display:block; position:absolute; width:23px; height:23px; background:#bfbfbf; color:#fff; line-height:23px; text-align:center; font-size:14px;left:0; top:2px}
.index08ri ul  .ques a:hover{ color:#0ab3f5;}


@media screen and (max-width:1280px){
	 .w1200{ padding-left:40px; padding-right:40px;}
	 .logotxt{ margin-left:20px;}
	 .logoritxt{ padding-right:20px;}
	 .index04 .swiper-button-prev{ left:10px;}
	 .index04 .swiper-button-next{ right:10px;}
	 .index03bot li{ width:16.6666%;}
	 .index07li li span{ font-size:14px;}
	 .xuanfuform .tels b{ font-size:18px;}
	 .closebtn{ right:10px;}
	 .GoTop{ right:20px;}
	 .GoTop img{ width:50px;}
	 
	}
@media screen and (max-width:960px){
	.xuanfuform{ display:none;}
	 .wap{ display:block;}
	 .pc{ display:none;}
	 .w1200{ padding-left:20px; padding-right:20px;}
	 .pd45{ padding:30px 0;}
	 .indextitle .cntitle{ font-size:22px;}
	 .indextitle .entitle{ font-size:14px;}
	 .index01box01 ul{ padding:20px 0;}
	 .index01box01 li{ width:100%; border:none; margin-bottom:10px; padding:0 20px;}
	 .index01box01 li a{ font-size:16px;}
	 .index01box01 li b{ font-size:18px; margin-bottom:5px;}
	 .index01le, .index01ri{ width:100%;}
	 .index01ri li{ padding:25px;}
	 .index01ri li .txt>a{ font-size:16px; margin-top:20px;}
	 .index01ri li .txt b a{ font-size:20px;}
	 .index01ri li .txt p{ font-size:14px;}
	 .index01ri li .txt span{ font-size:12px;}
	 .banner .swiper-slide{ height:10rem;}
	 .banner img{ width:100%; height:100%; object-fit:cover;}
	 .youshibox ul{ max-width:none; width:50%; background:rgba(255,255,255,.7); padding:0 10px;}
	 .youshibox{}
	 .youshibox ul li .line{ margin-top:10px; width:40px;}
	 .youshibox ul li b{ font-size:16px;}
	 .youshibox ul li span{ font-size:12px; line-height:20px; height:40px;}
	 .youshibox ul.ulle li{ padding-left:40px; background-size:30px auto;}
	 .youshibox ul.ulri li{ padding-right:40px;  background-size:30px auto;}
	 .index03{ padding-top:40px;}
	 .toplile, .topliri{ width:100%;}
	 .toplile{ height:10rem;}
	 .topliri{ padding:20px;}
	 .topliri b{ font-size:18px;}
	 .topliri p{ margin:15px 0; line-height:1.6; font-size:14px;}
	 .topliri .a_box a span{ padding:0 15px; font-size:14px;}
	 .topliri .img{ display:none;}
	 .GoTop{ bottom:20px;}
	 .index03bot li{ width:33.33%; padding:15px; border-bottom:1px solid #bfbfbf;}
	 .index03bot li .img{ margin-bottom:5px;}
	 .index03bot li span{ font-size:14px;}
	 .index03bot ul{flex-wrap: wrap;}
	 .index03bot li .img{ width:50px; height:50px;}
	 .index04 .img{ height:105px;}
	 .swiper-button-next, .swiper-button-prev{ width:30px; height:30px; background-size:20px auto; margin-top:-15px;}
	 .index05{ padding-top:40px; padding-left:20px; padding-right:20px;}
	 
	 .index05li .txt li{ padding:20px 0;}
	 .index05li .txt ul{ width:100%; padding:0 !important;}
	 .index05li .img{ width:100%; top:0; left:0; height:10rem}
	 .index05li{ padding-top:10rem;}
	 .index05li .w1200{ padding-left:0; padding-right:0;}
	 .index05li .txt li .num .numbox{ width:100%;}
	 .index05li .txt li .num{ width:40px;}
	 .index05li .txt li .txts{ width:calc(100% - 50px);}
	 .index05li .txt li .txts b{ font-size:18px; margin-top:8px;}
	 .index05li .txt li .txts p{ font-size:12px; padding-left:20px; background-size:15px auto;}
	 
	 .index06{ padding:20px;}
	 .index06 .w1200{ padding:0;}
	 .index06 .txt b span{ font-size:20px;}
	 .index06 .txt p{ font-size:14px;}
	 .index06 .txt b em{ font-size:12px;}
	 .index06 .txt{ width:100%; padding:20px;}
	 .index06 .w1200 .bac{ width:100%; background:rgba(255,255,255,.9);}
	 
	 .telbo a{ margin-left:0; margin-top:20px;}
	 .index06 .img{ width:100%;}
	 .index07li li{ width:48%; margin:1%;}
	 .index07li li .img{ margin-bottom:5px;}
	 .index08le,.index08ri{ width:100%;}
	 .index08tit a{ font-size:12px;}
	 .news08top .imgs{ height:5rem;}
	 .news08top .txts h2{ display:block; margin-bottom:5px;}
	 .news08top .txts p{ font-size:12px; margin-bottom:10px;}
	 .news08top .txts h2 a{ font-size:16px; display:block;}
	 .index08tit span{ font-size:16px; margin-right:15px;}
	 .index07li li:last-child{ display:none;}
	 
	 .index08lebot li{ width:100%;}
	 .index08lebot li .litop h2 a{ font-size:16px;}
	 .index08ri ul{ padding:0;}
	 .index08ri ul .ques a{ font-size:14px;}
	 .index08ri ul .ans p{ font-size:12px;}
	 .fot01,.fot02{ width:100%;}
	 .fot02{ display:none;}
	 .fot01t{ margin-bottom:25px;}
	 .weixin a .tanchu{ left:0; transform:translateX(0); -webkit-transform:translateX(0); margin-left:0}
	 .fotnav{ display:none;}
	 .fotconle,.fotconri{ width:100%;}
	 .fotconri{ max-width:120px; margin-top:20px;}
	 .fotconle span, .fotconle p{ font-size:14px; margin:5px 0;}
	 .fotconle a{ font-size:14px;}
	 .fot_link a, .fot_link{ font-size:14px;}
	 .fot_link{ margin-top:30px; padding:15px 0;}
	}