@charset "utf-8";
/*首页--banner*/
.mybanner .swiper-wrapper{ transition-delay:.1s; }
.mybanner { width:100%; margin:auto; }
.mybanner .swiper-slide .bantxt{ position:absolute; z-index:999; left:10%; top:50%; opacity:0; transition:all .4s; color:#fff; width:80%; text-align:center;}
.mybanner .swiper-slide .bantxt img{ display:block; margin:0 auto 25px; max-width:50%;}
.mybanner .swiper-slide .bantxt p{ margin:0 auto; line-height:1.5; max-width:960px;}
.mybanner .swiper-slide .bantxt p i{ display:block; margin:0 auto; font-family:"DIN-Bold";}
.mybanner .swiper-slide .bantxt em{ display:inline-block; line-height:1.2; margin-bottom:15px; font-weight:700; font-family:"DIN-Bold";}
.mybanner .swiper-slide .bantxt span{ display:inline-block; line-height:1.5; font-family:"GOTHIC";}
.mybanner .ani-slide .bantxt{ opacity:1; transform: translateY(-50%); top:50%;}
.mybanner .swiper-container-horizontal>.swiper-pagination-bullets,.mybanner .swiper-pagination-custom,.mybanner .swiper-pagination-fraction{ font-size:16px; color:#fff;}
.swiper-pagination-current{ font-size:21px;}
@media screen and (min-width:1200px) {
.mybanner .swiper-slide img.myban{ display:block; width:100%;}
}
@media screen and (max-width:1200px) and (min-width:960px) {
.mybanner .swiper-slide img.myban{ display:block; width:130%;}
}
@media screen and (max-width:960px) {
.mybanner .swiper-slide img.myban{ display:block; width:180%;}
.mybanner .swiper-slide .bantxt span{ line-height:1; width:90%;} 
}

.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;}

.hmmore{ text-align:center; margin:3% auto 1%;}
.hmmore a{ background:#034080; text-align:center; display:inline-block; color:#fff; width:220px; height:54px; line-height:54px; padding-right:50px; font-family:"GOTHICB"; border-radius:27px; position:relative;}
.hmmore a i{ position:relative; z-index:5;}
.hmmore a:before{ position:absolute; top:0; right:0; width:54px; height:54px; border-radius:27px; background:url(../images/jt-r.png) #b61d23 right 22px center no-repeat; content:"";  transition:all .4s;}
.hmmore a:hover:before{ width:100%;}

.hmpro{ padding:2% 0; background:#dfdfdf;}
@media screen and (min-width:760px) {
.hmpro li{ float:left; width:calc(33.33% - 18px); margin-right:27px;}
.hmpro li:nth-child(3n){ margin-right:0}
}
@media screen and (max-width:760px) {
.hmpro li{ margin-bottom:15px;}
}
.hmpro li a{ display:block; position:relative; overflow:hidden; }
.hmpro li a img.pbg{ width:100%;}
.hmpro li a img.pimg{ position:absolute; object-fit: cover; width:100%; height:100%; transition: all 0.3s;}
.hmpro li a:hover img.pimg{transform: scale(1.1);}
.hmpro 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;}
.hmpro li a span{ transition: all 0.3s; background:url(../images/ico04.png) center bottom no-repeat;}
.hmpro li a:hover span{ font-weight:700; bottom:20px; padding-bottom:5px;}

.hmdo{ background:url(../images/bg01.jpg) center no-repeat; background-size:100% 100%; padding:4% 0;}
.hmdo_title span{ font-family:"DIN-Bold"; color:#fff; background:url(../images/line.jpg) left bottom no-repeat; display:inline-block; padding-bottom:15px;}
.hmdo_title p{ color:#fff; line-height:1.5;}
@media screen and (min-width:760px) {
.hmdo_title p{ max-width:60%; float:right;}
}
.hmdocon{ padding-left:7%; padding-top:3%;}
.hmdocon .mydo{ padding-bottom:70px;}
.hmdocon .mydo a{ display:block; position:relative; overflow:hidden;}
.hmdocon .mydo a img.pbg{ width:100%;}
.hmdocon .mydo a img.dimg{ position:absolute; object-fit: cover; width:100%; height:100%; transition: all 0.3s;}
.hmdocon .mydo a:hover img.dimg{transform: scale(1.1);}
.hmdocon .mydo a span{ position:absolute; z-index:5; left:30px; bottom:25px; font-family:"GOTHICB"; color:#fff; text-align:center; padding:10px 25px 10px 45px;}
.hmdocon .mydo a span{ transition: all 0.3s; background:url(../images/d.png) #034080 left 25px center no-repeat; display:inline-block; border-radius:25px;}
.hmdocon .mydo .swiper-next{ right:7%;}
.hmdocon .mydo .swiper-prev{ right:calc(7% + 50px);}
.hmdocon .mydo .swiperdo{ position:absolute; bottom:0; width:30px; height:30px; overflow:hidden; cursor: pointer;}
.hmdocon .mydo .swiperdo img{ position:absolute; left:0; top:0; transition: all 0.3s;}
.hmdocon .mydo .swiperdo:hover img{ position:absolute; left:0; top:-30px;}
.hmdo_more a{ color:#fff; border-bottom:1px #fff solid; font-family:"GOTHIC"; transition: all 0.3s;}
.hmdo_more a:hover{ border-bottom:none;}

.hmabout{ background:url(../images/bg02.png) #dfdfdf right bottom no-repeat; background-size:75% auto; padding:6% 0 15%;}
.hmabout_tit span{ font-family:"DIN-Bold"; color:#034080; background:url(../images/lines.jpg) left bottom no-repeat; display:inline-block; padding-bottom:15px;}
.hmabout_body{ max-width:950px; color:#333; margin:2% 0; line-height:2;}
.hmabout_con{ margin:2% 0;}
.hmabout_con li{ background:url(../images/ds.png) right no-repeat; float:left; padding:0 5%;}
.hmabout_con li:nth-child(1){ padding-left:0;}
.hmabout_con li:nth-child(3){ padding-right:0; background:none;}
.hmabout_con li span,.hmabout_con li i{ display:block; font-family:"DIN-Bold";}
.hmabout_con li i{ color:#034080;}
.hmabout .hmmore{ margin:0; text-align:left;}

.hmbot{ background:url(../images/bg03.jpg) #05204f center top no-repeat; background-size:100% auto; padding:30px 0;}
.hmbot .indtitle span{ color:#fff;}
.hmbot_hezuo li{ background:#f2f3f4; position:relative;}
@media screen and (min-width:760px) {
.hmbot_hezuo li{ float:left; width: calc(20% - 40px); margin:0 20px; height:120px;}
}
@media screen and (max-width:760px) {
.hmbot_hezuo li{ float:left; width: calc(33.33% - 20px); margin:0 10px; height:80px; margin-bottom:15px;}
}
.hmbot_hezuo li img{ position:relative; top:50%; transform: translateY(-50%); max-width:100%; max-height:100%; display:block; margin:0 auto;}

.hmnews{ display:block; position:relative; overflow:hidden; }
.hmnews li{ position:relative; overflow:hidden; border-radius:15px;}
@media screen and (min-width:760px) {
.hmnews li{ float:left; width:calc(33.33% - 18px); margin-right:27px;}
.hmnews li:nth-child(3n){ margin-right:0}
}
@media screen and (max-width:760px) {
.hmnews li{ margin-bottom:15px; }
}
.hmnews li a img.pbg{ width:100%;}
.hmnews li a img.nimg{ position:absolute; object-fit: cover; width:100%; height:100%; transition: all 0.3s;}
.hmnews li a:hover img.nimg{transform: scale(1.1);}
.hmnews li a span{ position:absolute; z-index:5; left:0; bottom:20px; width:100%; font-family:"GOTHICB"; color:#fff; line-height:1.5;}
.hmnews li a span{ transition: all 0.3s; background:url(../images/ico05.png) left 20px bottom no-repeat; box-sizing: border-box; padding:0 20px 20px 20px;}