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

.header{ border:0; background:none;}
.header .head{ height:136px; transition:all ease 0.4s; margin:0 3%;}
.header h1.logo a{ width:382px; height:136px; background:url(../images/logo1.png) left center no-repeat; transition:all ease 0.4s;}
.header form.search{ display:block; overflow:hidden; background:#fff; border:1px solid #0052fe; border-radius:16px; float:right; margin:52px 0 52px 20px; transition:all ease 0.4s;}
.header form.search input.txt{ display:block; width:120px; height:30px; line-height:30px; color:#0052fe; font-size:17px; padding:0 0.82em; border:0; box-sizing:border-box; float:left;}
.header form.search input.txt::placeholder{ color:#0052fe;}
.header form.search input.btn{ display:block; width:30px; height:30px; line-height:999; background:url(../images/head_search.png) center no-repeat; border:0; overflow:hidden; float:left; cursor:pointer;}

/*导航*/
ul.nav{ height:136px;}
ul.nav li a{ line-height:136px; color:#4d4d4d; font-size:17px; padding:0; margin:0 1.2em; position:relative;}
ul.nav li a::after{ content:''; display:block; width:100%; height:1px; background:#585858; position:absolute; left:0; top:50%; margin-top:0.8em; transition:all ease 0.4s; transform:scale(0,1);}
ul.nav li a:hover,
ul.nav li.on a,
ul.nav li.cur a{ color:#4d4d4d;}
ul.nav li a:hover::after,
ul.nav li.on a::after,
ul.nav li.cur a::after{ transform:scale(1,1);}

.header.style1 h1.logo a{ background-image:url(../images/logo1.png);}
.header.style1 ul.nav li a{ color:#4d4d4d;}
.header.style1 ul.nav li a::after{ background:#585858;}
.header.style2 h1.logo a{ background-image:url(../images/logo2.png);}
.header.style2 ul.nav li a{ color:#fff;}
.header.style2 ul.nav li a::after{ background:#fff;}
.header.style3 h1.logo a{ background-image:url(../images/logo1.png);}
.header.style3 ul.nav li a{ color:#fff;}
.header.style3 ul.nav li a::after{ background:#fff;}
.header.style4 h1.logo a{ background-image:url(../images/logo2.png);}
.header.style4 ul.nav li a{ color:#fff;}
.header.style4 ul.nav li a::after{ background:#fff;}

.header.fixed{ background:#fff; box-shadow:0 0 6px 0 rgba(0,0,0,0.2);}
.header.fixed .head,
.header.fixed ul.nav{ height:64px;}
.header.fixed ul.nav li a{ line-height:64px; color:#4d4d4d !important;}
.header.fixed h1.logo a{ height:64px; background-size:auto 132%; background-image:url(../images/logo1.png) !important;}
.header.fixed ul.nav li a::after{ background:#585858 !important;}
.header.fixed form.search{ margin-top:16px; margin-bottom:16px;}

.banner{ margin-top:0; width:100vw;}
.banner .block{ padding:136px 0 0;}
.banner .swiper-slide{ display:block; height:100%; overflow:hidden; position:relative;}
.banner .swiper-slide img{ display:block; width:100%; height:44.948vw; object-fit:cover;}
.banner .swiper-pagination{ display:block; height:11px; bottom:28px;}
.banner .swiper-pagination-bullet{ width:11px; height:11px; background:#afafaf; border-radius:50%; margin:0 6px !important; vertical-align:top; opacity:1;}
.banner .swiper-pagination-bullet-active{ background:#fff; opacity:1;}
.banner .style1 .swiper-pagination-bullet-active{ background:#0052fe;}
.banner .style2 .swiper-pagination-bullet-active{ background:#fff;}
.banner .style3 .swiper-pagination-bullet-active{ background:#0052fe;}
.banner .style4 .swiper-pagination-bullet-active{ background:#0052fe;}
.banner .swiper-button-prev,
.banner .swiper-button-next{ width:26px; height:52px; background-size:contain !important; top:57%; margin-top:-26px;}
.banner .swiper-button-prev{ background:url(../images/prev.png) center no-repeat; left:2.5%;}
.banner .swiper-button-next{ background:url(../images/next.png) center no-repeat; right:2.5%;}

.footer{ background:#0052fe;}
.footer .foot{ margin:0 3%;}
.footer p.tel{ display:block; line-height:1.65; color:#fff; text-align:center; padding:3% 0 0;}
.footer p.tel b{ display:block; font-size:1.86em;}
.footer p.tel a{ color:inherit; margin:0 0.75em;}
.footer p.tel a font{ font-size:0.78em;}
.footer p.nav{ margin-top:2%;}
.footer p.nav a{ color:#fff; border-color:#b7cafd; margin:0 2%; letter-spacing:0;}
.footer .copyright{ color:#fff; margin:2.5% 0 2%;}
.footer .copyright a{ color:inherit;}
.footer .links{ color:rgba(255,255,255,0.5); padding:0 0 2%;}
.footer .links a{ color:inherit; margin:0 0 0 2em;}
.footer .links a:hover{ color:#fff;}

.main{ margin:0; padding:0 3%; overflow:visible;}
.main::before,
.main::after{ content:''; display:block; overflow:hidden; clear:both;}
.main .attr{ padding:0 6%; overflow:visible;}
.main .attr::before,
.main .attr::after{ content:''; display:block; overflow:hidden; clear:both;}

.pages{ font-size:18px;}
.pages span,
.pages a{ border:0; padding:4px 6px; margin:0 6px;}
.pages a:hover,
.pages span{ color:#333; background:none;}

.main h3.menu{ display:block; line-height:3.9em; color:#575757; font-size:19px; font-weight:normal; overflow:hidden; margin:3% 0 0 12.5%;}
.main h3.menu em{ display:block; font-size:0.95em; float:right;}
.main h3.menu em a{ color:#4d4d4d; font-size:inherit; padding:0; background:none; margin-left:1.35em; display:inline; float:none;}
.main h3.menu em a:hover,
.main h3.menu em a.cur{ color:#0052fe;}

.main ul.caseList{ margin:0 -6px 60px;}

.main .caseInfo{ color:#4d4d4d; font-size:20px; background:#efefef; padding:7% 7%; overflow:hidden; margin:0 0 1.4em;}
.main .caseInfo.style1{ color:#4d4d4d; background:#efefef;}
.main .caseInfo.style2{ color:#fff; background:#0052fe;}
.main .caseInfo h3{ display:block; width:35%; line-height:1.62; font-size:1.3em; text-align:right; float:left; margin-right:12%;}
.main .caseInfo .desc{ line-height:2.1; overflow:hidden;}
.main .caseInfo .desc>p{ padding-left:5em; text-indent:-5em;}

.main h3.relate{ display:block; line-height:1; color:#333; font-size:20px; font-weight:normal; text-align:center; padding:0 0 2em;}
.main h3.relate em{ display:block; font-size:1.4em;}
.main h3.relate span{ display:block; padding:1em 0 1.2em;}
.main h3.relate img{ display:block; margin:0 auto;}

.coop{ border-top:1px solid #bfbfbf; padding:60px 0 70px;}
.coop h3{ display:block; color:#333; font-size:36px; font-weight:normal; text-align:center;}
.coop h3 em{ display:block; line-height:1.52; font-weight:bold; font-size:1.3em;}
.coop h3 span{ display:block; line-height:1.4; color:#4d4d4d;}
.coop h3 i{ display:block; width:0.75em; height:4px; background:#4d4d4d; margin:1.2em auto 0;}
.coop ul{ display:block; overflow:hidden; padding:50px 0 0;}
.coop ul li{ display:block; width:11.1111%; float:left;}
.coop ul li a{ display:block;}
.coop ul li img{ display:block; width:100%;}

.ywbox{ padding:6% 0;}
.yewu1{ border-bottom:1px solid #cfcfcf;}
.ywbox h3{ display:block; font-weight:normal;}
.ywbox h3 span{ display:block; line-height:1; color:#666; font-size:14px; padding:0 0 1.5em;}
.ywbox h3 em{ display:block; line-height:1.162; color:#333; font-size:37px; font-weight:bold; padding:0 0 1.081em;}
.ywbox ul{ display:block; overflow:hidden; background:url(../images/arr_t.png) right center no-repeat;}
.ywbox ul li{ display:block; line-height:1.5; color:#666; font-size:24px; overflow:hidden;}
.ywbox ul li:first-child{ line-height:2; float:left; border-right:2px solid #dfdfdf; padding-right:4em; margin-right:4em;}
.ywbox p{ display:block; line-height:1.5; color:#666; font-size:24px; overflow:hidden;}
.ywbox p.ico{ font-size:20px; overflow:hidden; padding:4em 0 0;}
.ywbox p.ico em{ display:block; width:33.33%; line-height:1; color:#333; text-align:center; float:left;}
.ywbox p.ico em img{ display:block; height:7.5em; margin:0 auto 1.5em;}
ul.yewu{ display:block; font-size:20px; overflow:hidden; padding:0 0 2%;}
ul.yewu li{ display:block; overflow:hidden; margin:0 0 5%; position:relative;}
ul.yewu li::after{ content:''; display:block; width:70px; height:70px; background:url(../images/arr_r.png) left bottom no-repeat; position:absolute; left:69.3%; bottom:0;}
ul.yewu li .swiper-container{ width:63.3%; float:left; margin-right:6%;}
ul.yewu li .swiper-slide img{ display:block; width:100%;}
ul.yewu li .swiper-pagination,
ul.yewu li .swiper-button-prev,
ul.yewu li .swiper-button-next{ display:none;}
ul.yewu li h3{ display:block; color:#333; font-weight:normal; padding:1em 0 2em; overflow:hidden;}
ul.yewu li h3 em{ display:block; line-height:1.5; font-size:1.9em; font-weight:bold;}
ul.yewu li h3 span{ display:block; line-height:1; font-weight:500;}
ul.yewu li p{ display:block; color:#4d4d4d; font-size:1.05em; overflow:hidden;}

.main h3.menu1{ display:block; line-height:7em; color:#333; font-size:25px; font-weight:normal; overflow:hidden; margin:1.44em 0 0;}
.main h3.menu1 font{ display:block; font-size:1.64em; float:left; margin-right:10%;}
.main h3.menu1 em{ display:block; float:left;}
.main h3.menu1 em span{ color:#707070; margin:0 0.6em; transform:scale(0.82);}
.main h3.menu1 em span:first-child{ display:none;}
.main h3.menu1 em a{ color:inherit;}
.main h3.menu1 em a:hover,
.main h3.menu1 em a.cur{ color:#0052fe;}
.main p.posit{ display:block; line-height:3em; color:#333; font-size:25px; background:url(../images/line.png) right bottom no-repeat; border-bottom:2px solid #ddd;}
.main p.posit em{ font-size:1.32em;}
.main p.posit a{ display:block; color:inherit; float:right; margin-right:4em;}
.main p.posit a:hover{ color:#0052fe;}

.main ul.newsList{ display:block; font-size:20px; overflow:hidden; margin:0 0 64px;}
.main ul.newsList li{ display:flex; overflow:hidden; padding:3em 0 0;}
.main ul.newsList li a.pic{ display:block; overflow:hidden; float:left; margin-right:10%; flex-shrink:0;}
.main ul.newsList li a.pic img{ display:block; height:27.5em; transition:all ease 0.5s;}
.main ul.newsList li .r{ overflow:hidden; border-bottom:1px solid #cfcfcf; flex:auto; background:url(../images/arr_r.png) right 1em bottom 2.5em no-repeat;}
.main ul.newsList li span{ display:block; line-height:6; color:#333; font-size:0.85em;}
.main ul.newsList li a.title{ display:block; line-height:3; color:#333; font-size:1.2em;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
}
.main ul.newsList li a.title:hover{ color:#0052fe;}
.main ul.newsList li .txt{ display:block; height:9.75em; line-height:1.95; color:#808080; font-size:0.85em;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:5;
}
.main ul.newsList li a.more{ display:none; line-height:3.25; color:#0052fe; font-size:16px; overflow:hidden; float:left; margin:0.75em 0 0;}

.main .infoBox{ padding:4% 12% 0; padding:4% 0 0; position:relative; margin:0 0 60px;}
.main .infoBox::after{ content:''; display:block; width:150vw; height:100%; background:#f2f2f2; position:absolute; left:50%; top:0; transform:translateX(-50%); z-index:1;}
.main .infoBox *{ position:relative; z-index:3;}
.main .infoBox p.mark{ line-height:2.5; font-size:15px; padding:0; margin:0;}
.main .infoBox p.mark font{ margin-right:2em;}
.main .infoBox h3{ display:block; line-height:1.5; color:#333; font-size:64px; font-weight:normal;}
.main .infoBox .desc{ line-height:1.8; color:#4d4d4d; font-size:18px; padding:3em 0;}
.main .infoBox span.date{ display:block; line-height:4.4; color:#999; font-size:15px; background:url(../images/date.png) left center no-repeat; padding-left:2em;}

dl.contact{ font-size:17px; padding:3.5% 0 5.5%; font-weight:normal;}
dl.contact dt{ line-height:1.5; font-size:1.95em; width:auto; margin:0 9% 0 20%;}
dl.contact dd{ line-height:2;}
dl.contact dd img{ display:block; height:11.294em;}
dl.contact dd h4{ font-size:1.8em; padding:0;}
dl.contact dd h5{ display:block; font-weight:normal; font-size:1.1779em; line-height:1;}

.main .change{ color:#333; font-size:20px; text-align:center; padding:2em 0 4em;}
.main .change p{ display:block; line-height:3;}
.main .change p.p1{ line-height:1; font-size:1.5em;}
.main .change p.p2{ line-height:1.6666; font-size:3em;}
.main .change p.tel{ line-height:1.3; font-size:1.3em;}
.main .change p.tel font{ font-size:0.83em;}
.main .change i{ display:block; width:1em; height:4px; background:#333; margin:1em auto 2em;}
.main .change img{ display:block; height:7em; margin:0.6em auto 4em;}
.main .change a.back{ display:block; width:2.6em; height:2.6em; background:url(../images/back.png) center no-repeat; background-size:contain; margin:0 auto;}
.main .change a.prev{ display:block; width:8.7em; height:2.6em; background:url(../images/prev0.png) center no-repeat; background-size:contain; float:left; margin:0 3.5%;}
.main .change a.next{ display:block; width:8.7em; height:2.6em; background:url(../images/next0.png) center no-repeat; background-size:contain; float:right; margin:0 3.5%;}