.infoban{ position:relative; overflow:hidden;}
@media screen and (min-width:1200px) {
.infoban img{ display:block; width:100%;}
}
@media screen and (max-width:1200px) and (min-width:960px) {
.infoban img{ display:block; width:130%;}
}
@media screen and (max-width:960px) {
.infoban img{ display:block; width:180%;}
}
.infobantxt{ position:absolute; left:0; top:50%; width:100%; z-index:5; transform: translateY(-50%); color:#fff; text-align:center;}
.infobantxt em{ font-family:"DIN-Bold"; line-height:2; text-transform:uppercase;}
.infobantxt p{ line-height:1.5; max-width:800px;}

.abbsty{font-family:DIN-Bold; line-height:1.3;}
.abbsty i{ font-weight:700; color:#d50e1a}

.infobody{ padding:4% 0; color:#00324b; line-height:2; font-weight:700;}

.listab{ display:block; position:relative; background:#f8f8f8; padding-bottom:2%; padding-top:3%;}
.listab_tit{ text-align:center; margin:0 auto 2%;}
.listab_tit span{ font-family:"DIN-Bold"; line-height:1.6; color:#034080;}
@media screen and (min-width:960px) {
.listab_img{ float:left; width:50%;}
.listab_con{ float:left; width:43%;}
.listab ul{ transform: translateY(-20%);}
}
@media screen and (max-width:960px) {
.listab_img{ display:none;}
.listab{ padding-bottom:5%;}
}

.listab_img img{ display:block; width:100%;}
.listab_con{ box-sizing: border-box; padding:5%;}
.listab_con h2{ font-family:"DIN-Bold"; background:url(../images/lines.jpg) left bottom no-repeat; padding-bottom:10px; margin-bottom:20px;}
.listab_con div{ color:#333; line-height:1.8;}

.listab ul{ background:#fff; box-shadow:0px 0px 15px #aaa; padding:2%; position:relative;}
.listab li{ background:url(../images/ds.png) right no-repeat; float:left;}
@media screen and (min-width:640px) {
.listab li{ width:19%; margin:0 3%;}
.listab li:nth-child(1){ padding-left:0;}
.listab li:nth-child(4){ padding-right:0; background:none;}
}
@media screen and (max-width:640px) {
.listab li{ width:44%; margin:0 3%; margin-bottom:20px;}
.listab li:nth-child(2n){ background:none;}
}

.listab li span,.listab li i{ display:block; font-family:"DIN-Bold"; text-transform:uppercase;}
.listab li i{ color:#034080;}

.listaba{ background:url(../images/bg04.jpg) center top no-repeat; background-size:100% 100%; padding:3% 0;}
.listaba_tit{ color:#fff; text-align:center;}
.listaba_tit span{ font-family:"DIN-Bold"; line-height:1.6;}
.listaba_tit p{ max-width:1080px; margin:0 auto;}
.listaba ul{ margin-top:4%;}
.listaba li{ position:relative; overflow:hidden;}
@media screen and (min-width:1200px) {
.listaba li{ float:left; width:calc(25% - 15px); margin-right:20px; margin-bottom:20px;}
.listaba li:nth-child(4n){ margin-right:0}
}
@media screen and (max-width:1200px) and (min-width:760px) {
.listaba li{ float:left; width:calc(50% - 15px); margin-right:30px; margin-bottom:30px;}
.listaba li:nth-child(2n){ margin-right:0}
}
@media screen and (max-width:760px) {
.listaba li{ margin-bottom:20px;}
}
.listaba li a{ display:block; position:relative; overflow:hidden;}
.listaba li a img.pbg{ width:100%;}
.listaba li a img.dimg{ position:absolute; object-fit: cover; width:100%; height:100%; transition: all 0.3s;}
.listaba li a:hover img.dimg{transform: scale(1.1);}
.listaba li a span{ position:absolute; z-index:5; left:30px; bottom:25px; font-family:"GOTHICB"; color:#fff; text-align:center; padding:10px 25px 10px 45px;}
.listaba li a span{ transition: all 0.3s; background:url(../images/d.png) #034080 left 25px center no-repeat; display:inline-block; border-radius:25px;}

.listwh{ padding:3% 0; background:url(../images/whbg.jpg) center no-repeat; margin-bottom:35px;}

.listwh_tit{ text-align:center; margin:1% auto 2%;}
.listwh_tit span{ font-family:"DIN-Bold"; line-height:1.6; color:#fff;}
.listwh li{ position:relative; box-sizing: border-box;}
@media screen and (min-width:640px) {
.listwh li{ float:left; width:calc(33.33% - 14px); margin-right:21px;}
.listwh li:nth-child(3n){ margin-right:0}
}
@media screen and (max-width:640px) {
.listwh li{ margin-bottom:15px;}
}
.listwh li img{ display:block; width:100%; opacity:0;}
.listwh li p{ position:absolute; left:0; top:10%; width:100%; z-index:5; color:#fff; box-sizing: border-box; padding:6%; line-height:2;}
.listwh li p span{ font-family:"DIN-Bold"; display:block; margin-bottom:10px; color:#d50e1a;}
@media screen and (max-width:640px) {
.listwh{ background-size:cover; }
.listwh li img{ height:120px;}
.listwh li p{ line-height:1.5;}
}

.listhz{ padding:2% 0 5%; background:#f0f0f0;}
@media screen and (min-width:760px) {
.listhz_img{ float:left; width:50%;}
.listhz_con{ float:right; width:50%;}
}
.listhz_tit{ text-align:center; margin:1% auto 2%;}
.listhz_tit span{ font-family:"DIN-Bold"; line-height:1.6; color:#034080;}
.listhz_img img{ display:block; width:100%;}
.listhz li{ float:left;}
@media screen and (min-width:760px) {
.listhz li{ width:calc(20% - 20px); margin-right:25px; margin-bottom:20px;}
.listhz li:nth-child(5n){ margin-right:0; }
}
@media screen and (max-width:760px) {
.listhz li{ width:calc(33.33% - 20px); margin-right:30px; margin-bottom:20px;}
.listhz li:nth-child(3n){ margin-right:0; }
}
.listhz li{ }
.listhz li img{ display:block; margin:0 auto; max-width:100%;}

.listurl{ display:block; border-bottom:1px #ddd solid; background:#f7f7f7}
.listurl li{ float:left; line-height:2.5;}
.listurl li a{ display:block; padding:10px 30px;}
.listurl li a.active{ background:#034080; color:#fff;}

.listptro{ padding:2% 0 3%;}
.listptro_con{ margin-top:2%;}
.listptro_con li{ margin-bottom:2%;}
@media screen and (min-width:960px) {
.listptro_con li{ width: calc(33.33% - 20px); float:left; margin-right:30px;}
.listptro_con li:nth-child(3n+0){ margin-right:0;}
}
@media screen and (max-width:960px) and (min-width:560px) {
.listptro_con li{ width: calc(50% - 15px); float:left; margin-right:30px;}
.listptro_con li:nth-child(2n+0){ margin-right:0;}
}
.listptro_con li .ppimg{ position:relative; overflow:hidden; transition: all 0.3s;}
.listptro_con li .ppimg img.pbg{ width:100%;}
.listptro_con li .ppimg img.pimg{ position:absolute; object-fit: cover; width:100%; height:100%; transition: all 0.3s;}
.listptro_con li:hover .ppimg img.pimg{transform: scale(1.1);}

.listptro_con li p{ padding:20px 30px; transition: all 0.3s; font-family:"GOTHIC";}
.listptro_con li a{ display:block;}
.listptro_con li a em{ line-height:2; font-family:"GOTHICB"; font-weight:700; color:#034080; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; overflow: hidden;}
.listptro_con li a span{ display:block; height:66px; line-height:22px; color:#666; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden;}
.listptro_con li a i{ color:#333; display:inline-block; margin-top:5px; border-bottom:1px #333 solid;}
.listptro_con li a:hover p span{ color:#034080;}
.listptro_con li a:hover p i{ color:#034080;}

.listnews{ padding:2% 0 3%;}
.listnews_con{ margin-top:2%;}
.listnews_con li{ margin-bottom:2%;}
@media screen and (min-width:960px) {
.listnews_con li{ width: calc(33.33% - 20px); float:left; margin-right:30px;}
.listnews_con li:nth-child(3n+0){ margin-right:0;}
}
@media screen and (max-width:960px) and (min-width:560px) {
.listnews_con li{ width: calc(50% - 15px); float:left; margin-right:30px;}
.listnews_con li:nth-child(2n+0){ margin-right:0;}
}
.listnews_con li .nnimg{ position:relative; overflow:hidden; transition: all 0.3s;}
.listnews_con li .nnimg img.pbg{ width:100%;}
.listnews_con li .nnimg img.nimg{ position:absolute; object-fit: cover; width:100%; height:100%; transition: all 0.3s;}
.listnews_con li:hover .nnimg img.nimg{transform: scale(1.1);}

.listnews_con li p{ padding:20px 30px; transition: all 0.3s; font-family:"GOTHIC";}
.listnews_con li a{ display:block;}
.listnews_con li a em{ line-height:30px; height:60px; font-family:"GOTHICB"; font-weight:700; color:#333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden;}
.listnews_con li a span{ display:block; line-height:2; color:#333; margin-top:10px; background:url(../images/ico06.png) left bottom no-repeat; padding-bottom:25px;}
.listnews_con li a:hover p em{ color:#034080;}
.listnews_con li a:hover p span{ background:url(../images/ico07.png) left bottom no-repeat;}

.listlixi{ padding:2% 0;}
.listlixi_tit{ text-align:center;}
.listlixi_tit span{ font-family:"DIN-Bold"; color:#034080; line-height:2;}
.listlixis{ position:relative;}
@media screen and (min-width:960px) {
.listlixis{ background:url(../images/lixi.jpg) center no-repeat; background-size:100%;}
.listlixis_con{ padding:15px 25px; max-width:540px; margin:2%; float:right;}
.listlixis_con p{ line-height:40px;}
}
@media screen and (max-width:960px) {
.listlixis{ background:url(../images/lixis.jpg) center bottom no-repeat; background-size:cover; padding-bottom:80%;}
.listlixis_con{ width:100%; padding:30px;}
.listlixis_con p{ line-height:30px;}
}
.listlixis_con{ background-color:rgba(215,12,25,0.65); color:#fff;}
.listlixis_con em{font-family:"DIN-Bold"; line-height:2; display:block;}
.listlixis_con span{ line-height:1.5;}
.listlixis_con p{ padding-left:55px; margin:15px 0;}
.listlixis_con p.tel{ background:url(../images/ico08.png) left no-repeat;}
.listlixis_con p.email{ background:url(../images/ico09.png) left no-repeat;}
.listlixis_con p.fax{ background:url(../images/ico10.png) left no-repeat;}
.listlixis_con p.web{ background:url(../images/ico11.png) left no-repeat;}

.lixily{ padding:2% 0;}
.lixily_form{ padding:0 5%}
@media screen and (min-width:960px) {
.lixily_form p{ width: calc(50% - 25px); float:left; margin:15px 50px 15px 0;}
.lixily_form p:nth-child(2n){ margin-right:0;}
}
@media screen and (max-width:960px) {
.lixily_form p{ margin:15px 0;}
}
.lixily_form p .mytxt{ box-sizing: border-box; border:1px #e1e1e1 solid; padding:0 15px; height:65px; line-height:65px; width:100%; color:#333; outline:none; border-radius:10px;}
.lixily_form .mytxts{ box-sizing: border-box; border:1px #e1e1e1 solid; padding:15px; height:125px; line-height:25px; width:100%; color:#333; outline:none; margin:15px 0; border-radius:10px;}
.lixily_form .mytxts::placeholder{ font-family:"微软雅黑;"; font-size:14px; color:#aaa;}
.lixily_form p .mytxt::placeholder{ font-family:"微软雅黑;"; font-size:14px; color:#aaa;}
.lixily_form .mysub{ display:block; margin:15px 0; border:0; color:#fff; border-radius:10px; padding:20px 85px; background:#034080; cursor: pointer;}

.viewurl{ line-height:2; margin:40px 0 15px; color:#777; padding-top:20px;}
.viewurl a{ color:#777;}

.listsus{ padding:30px 0 3%;}
.listsus .symain{ background:#f8f8f8;}
@media screen and (min-width:960px) {
.listsus_img{ width: calc(50% - 20px); float:left; }
.listsus_body{ width: calc(50% - 20px); float:right; box-sizing: border-box; padding:0 2%;}
}
.bodysy{ padding-top:15px; margin-top:15px; border-top:1px #ddd solid;}
.listsus_img img{ display:block; width:100%;}
.listsus_body{ line-height:1.8;}
.listsus_body h3{ color:#034080; font-family:"DIN-Bold"; background:url(../images/lines.jpg) left bottom no-repeat; line-height:2; margin-bottom:25px;}

@media screen and (min-width:960px) {
.newsview{ margin-top:80px;}
}
@media screen and (max-width:960px) {
.newsview{ margin-top:60px;}
}
.newsview_url{ line-height:2; text-align:right; margin-bottom:15px;}
.newsview_url span{ background:url(../images/ico11.png) left no-repeat; padding-left:45px; color:#fff;}
.newsview_url span a{ color:#fff;}
.newsview_body{ background:#fff; padding:3% 4%; border-top-left-radius:20px; border-top-right-radius:20px;}

.view_title{ line-height:35px; padding:10px 0; text-align:center; font-weight:700; color:#034080; font-family:"GOTHICB";}
.view_ps{ text-align:center; line-height:45px; border-bottom:1px #eaeaea solid; color:#666;}
.view_body{ padding:30px 0; line-height:30px; min-height:300px;}
.view_body img{ max-width:100% !important; height:auto !important; display:inline-block;}

@media(min-width: 1024px){
.view_shxia{ border-top:1px #eaeaea solid; padding:25px 0;}
.view_shxia a{ line-height:40px;}
.view_shxia a.nspre{ float:left; background:url(../images/lt1.png) left 20px center no-repeat; padding:0 20px 0 45px; border-radius:20px;}
.view_shxia a.nspre:hover{ background:url(../images/lts.png) left 20px center no-repeat; color:#034080;}
.view_shxia a.nsxia{ float:right; background:url(../images/rig1.png) right 20px center no-repeat; padding:0 45px 0 20px; border-radius:20px;}
.view_shxia a.nsxia:hover{ background:url(../images/rigs.png) right 20px center no-repeat; color:#034080;}
}
@media(max-width: 1024px){
.view_shxia{ border-top:1px #eaeaea solid; padding:25px 0;}
.view_shxia a.nspre{ display:block; line-height:40px; background:url(../images/lt1.png) left 20px center no-repeat; padding:0 20px 0 45px; border-radius:20px;}
.view_shxia a.nsxia{ display:block; line-height:40px; background:url(../images/rig1.png) right 20px center no-repeat; padding:0 45px 0 20px; border-radius:20px;}
}

.viewpro{ background:#ddd; padding:20px 35px 15px; position:relative; margin-top:15px;}
.viewpro .swiper-next{ position:absolute; top:50%; margin-top:-25px; background:url(../images/jt-r.png) center no-repeat; right:5px; width:25px; height:50px; cursor: pointer;}
.viewpro .swiper-prev{ position:absolute; top:50%; margin-top:-25px; background:url(../images/jt-l.png) center no-repeat; left:5px; width:25px; height:50px; cursor: pointer;}
.viewpro a{ display:block; text-align:center;  border:2px #ccc solid; background:#fff;}
.viewpro a span{ line-height:25px; margin-top:5px;}
.viewpro a.on{ border:2px #b61d23 solid;}


.qitapro{ padding:15px 0; background:#fff;}

@media screen and (min-width:760px) {
.qitapros{ width:66.66%; margin:0 auto;}
.qitapro li{ float:left; width:calc(50% - 15px); margin-right:30px;}
.qitapro li:nth-child(2n){ margin-right:0}
}
@media screen and (max-width:760px) {
.qitapro li{ margin-bottom:15px;}
}
.qitapro li a{ display:block; position:relative; overflow:hidden; }
.qitapro li a img.pbg{ width:100%;}
.qitapro li a img.pimg{ position:absolute; object-fit: cover; width:100%; height:100%; transition: all 0.3s;}
.qitapro li a:hover img.pimg{transform: scale(1.1);}
.qitapro li a span{ position:absolute; z-index:5; left:0; bottom:-20px; width:100%; font-family:"GOTHIC"; color:#fff; text-align:center; line-height:3; padding-bottom:15px;}
.qitapro li a span{ transition: all 0.3s; background:url(../images/ico04.png) center bottom no-repeat;}
.qitapro li a:hover span{ font-weight:700; bottom:20px; padding-bottom:5px;}

.indtitle{ padding:1% 0; text-align:center;}
.indtitle span{ line-height:2; font-weight:700; color:#034080; font-family:"DIN-Bold";}
@media screen and (max-width: 780px) {
.indtitle span{ line-height:30px;}
}
.indtitle p{ color:#666;}