.header{ background: url(../images/topBg.jpg) no-repeat center bottom; height: 175px; background-size:cover;}
.logo{ float:left; margin-top:49px;}
.logo img{ height:76px;}
.topSer{ float: right; width: 238px; margin-top: 80px; position: relative; }
.topSer input{ height: 34px; width: 100%; background:rgba(255,255,255,0.42); border-radius:2em; padding:0 20px; text-align:right; font-size:14px;}
.topSer button{ background: url(../images/topSer.png) no-repeat center center; height: 34px; width: 48px; position: absolute; left: 0px; top: 0px; cursor:pointer; }
.navWpr{ color: #FFF; background: #197CEC; position:relative; z-index:3;}
.nav{ height:60px;display:flex; justify-content:space-between; line-height: 60px;}
.nav li{ position:relative;}
.nav_a{ display:inline-block; padding:0 20px; line-height:60px; font-size:16px; color:#fff;}
.nav_a:hover{color:#fff;}
.nav_a.on{ background:rgba(255,255,255,0.28);}
.subMenu{ width:168px; position:absolute; left:50%; top:60px;background: #197CEC;opacity: 0;visibility: hidden; transition:all 0.3s ease; transform:scaleY(0) translateX(-50%); transform-origin:center top; padding:0px 0 15px;}
.nav li:hover .subMenu{opacity:1; visibility:visible; transform:scaleY(1) translateX(-50%);}
.nav_a2{ display: block; line-height: 28px; padding: 8px; font-size: 16px;color: #fff; letter-spacing: 1px; position:relative; transition:all 0.3s ease-in-out; z-index:1; text-align:center }
.nav_a2:hover{ background:rgba(255,255,255,0.28);color:#fff;}
.hmFocus{}
.hmFocus_item{}
.hmFocus_item .bgImg{ height:389px;}
.hmFocus .slick-dots{bottom:30px;}
.hmFocus .slick-dots li button{display:none;}
.hmFocus .slick-dots li { background: #D6D6D6; display: inline-block; height: 12px; width:12px; margin: 0px 5px; position: relative; border-radius:50%; vertical-align:middle}
.hmFocus .slick-dots li.slick-active{ background: #197CEC; }
.hmMain{ padding: 32px 0px; }
.hmLx{ width:calc(45.83% - 10px); float:left;}
.hmttx{ height:54px; line-height:54px;}
.hmttx .fl{ font-size: 22px; font-weight: bold; }
.hmttx .fl img{ margin:13px 6px 0 0; float:left;}
.hmttx .fr{ font-size: 16px; }
.hmImgswiper{ height:256px; margin:0 -10px;}
.hmc1item{ padding:0 10px;}
.hmc1item a{ display:block;}
.hmc1item a .overflowHide{ height:179px;}
.hmImgswiper .slick-dots{bottom:30px;}
.hmImgswiper .slick-dots li button{display:none;}
.hmImgswiper .slick-dots li { background: #B6C0CC; display: inline-block; height: 6px; width: 60px; margin: 0px 10px; position: relative; border-radius: 0%; vertical-align: middle }
.hmImgswiper .slick-dots li.slick-active{ background:#197CEC; }
.hmlxuls{}
.hmpub_ul{}
.hmpub_ul li{ line-height: 34px; height: 34px; position: relative; padding: 0px 80px 0px 13px; font-size: 16px; }
.hmpub_ul li span{ position: absolute; top: 0px; right: 0px; font-size: 14px; color: #999999; }
.hmpub_ul li:before{ content: ""; background: #CCCCCC; height: 4px; width: 4px; position: absolute; left: 0px; top: 50%; border-radius:50%;}
.hmRx{ width:calc(54.17% - 10px); float:right;}
.hmRx_item{ margin-bottom:16px;}
.hmRxul{ background:#F3F3F4; padding:15px;}
.footer{ border-top: 5px solid #0B478A; color: #FFF; background: url(../images/footBg.jpg) no-repeat center center; background-size:cover;}
.foot_tnm{ font-size: 18px; line-height: 52px; font-weight: bold; border-bottom: 1px solid #0B6EDE; }
.footLinks{ padding-top: 10px; line-height: 30px;}
.footLinks a{ font-size: 16px; }
.footLinks span{ display:inline-block; margin:0 12px; display:inline-block; transform:translateY(-2px)}
.webInfo{ padding-bottom: 28px; font-size: 16px; line-height: 28px; padding-top:15px; }
.footer a,.footer a:hover{ color:#fff;}
@media (max-width:1799px){
.header{ height: 136px}
.logo{ margin-top:37px;}
.logo img{ height:62px;}
.topSer{ margin-top: 60px; }
.nav{ height:50px; line-height: 50px;}
.nav_a{ line-height:50px;}
.subMenu{ top:50px;}
.hmFocus_item .bgImg{ height:300px;}
.hmttx .fl{ font-size: 20px; }
.hmpub_ul li{font-size:15px;}
.footLinks a{font-size:15px;}
.webInfo{font-size:15px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
body{padding-top:56px;}
.hmFocus_item .bgImg{height:220px;}
}
@media (max-width:993px){
.hmFocus .slick-dots{bottom:15px;}
.hmFocus .slick-dots li { height: 8px; width:8px; margin: 0px 4px;}
.hmLx{width:100%; float:none;}
.hmRx{width:100%; float:none; margin-top:10px;}
}
@media (max-width:767px){
.hmImgswiper .slick-dots li { height: 3px; width: 30px; margin: 0px 5px;}
.hmImgswiper .slick-dots{bottom:20px;}
.hmc1item a .overflowHide{height:110px;}
.hmImgswiper{height:162px;}
.hmpub_ul li{padding-right:48px; font-size:14px;}
.hmpub_ul li span{font-size:12px;}
.hmttx .fr{font-size:14px;}
.footLinks a{font-size:12px;}
.footLinks{line-height:26px}
.webInfo{font-size:13px; line-height:22px; text-align:center}
.hmMain{padding-top:20px;}
}



.hm2Con1{ padding: 30px 0px 32px; margin:0 -14px; }
.hm2cllx{ width:66.66%; float:left; padding:0 14px;}
.hm2c1swpr{ overflow:hidden;}
.hm2c1swiper{ float:left; width:calc(50% - 14px);}
.hm2c1swiper .slick-dots{bottom:19px; padding-right:9px; text-align:right;}
.hm2c1swiper .slick-dots li button{display:none;}
.hm2c1swiper .slick-dots li { background: #DCDCDC; display: inline-block; height: 6px; width: 6px; margin: 0px 3px; position: relative; border-radius:50%; vertical-align:middle}
.hm2c1swiper .slick-dots li.slick-active{ background: #0B6EDE; }
.hm2c1item{}
.hm2c1aBox{ display:block;}
.hm2c1aBox .overflowHide{ height:255px;}
.hm2c1aBox strong{ font-size: 16px; line-height: 54px; font-weight: bold; color: #FFF; display: block; padding: 0px 88px 0px 14px; height: 54px; overflow: hidden; position: absolute; z-index: 1; left: 0px; right: 0px; bottom: 0px; background:rgba(0,0,0,0.5);}
.hm2c1u1{ width:calc(50% - 14px); float:right}
.hmpub_ul2{}
.hmpub_ul2 li{ line-height: 24px; height: 24px; margin-bottom: 22px; position: relative; padding: 0px 55px 0px 12px; }
.hmpub_ul2 li:last-child{margin-bottom:0;}
.hmpub_ul2 li span{ position: absolute; top: 0px; right: 0px; font-size: 14px; color: #999999; }
.hmpub_ul2 li:before{ content: ""; background: #CCCCCC; height: 4px; width: 4px; position: absolute; left: 0px; top: 50%; border-radius:50%;}
.hm2clrx{ width:33.33%; float:right; padding:0 14px;}
.hmpub_ul2 li a{font-size:16px;}
.hm2c1rul{}
.hm2c1rul li{ line-height: 54px; height: 54px; margin-bottom: 13px; padding-left: 84px; font-size: 16px; position:relative; }
.hm2c1rtm{ position:absolute; left:0; top:; width:70px; text-align:center;}
.hm2c1rtm span{ display: block; font-size: 18px; line-height: 30px; color: #000; background: #EFEFEF; }
.hm2c1rtm p{ font-size: 14px; line-height: 24px; color: #FFF; background: #197CEC; display: block; }
.hm2Con1 .hmttx{margin-bottom:8px;}
.hm2Con2{ background: url(../images/hm2bg.jpg) no-repeat center center; margin: 0px -14px; padding: 20px 0px 50px; background-size:cover; }
.hm2c2item{ padding: 0px 14px; float: left; width: 33.33%; }
.hm2c2item .hmpub_ul2{ margin-top:28px;}
.hm2Con2 .hmttx{position:relative;}
.hm2Con2 .hmttx:before{ content: ""; background: #D1DAE4; position: absolute; left: 0px; right: 0px; bottom:-5px; height:2px;}
.hm2Con2 .hmttx:after{ content: ""; background: #0B6EDE; height: 4px; width: 126px; position: absolute; left: 0px; bottom: -6px; }
@media (max-width:1799px){
.hmpub_ul2 li a{font-size:15px;}
.hm2c1rul li{font-size:15px;}
.hm2c1swiper{width:calc(50% - 8px);}
.hmpub_ul2 li{margin-bottom:16px;}
.hm2c1rul li{height:48px; margin-bottom:10px;}
.hm2c1rtm span{font-size:16px; line-height:26px;}
.hm2c1rtm p{font-size:13px; line-height:22px;}
.hm2c1aBox .overflowHide{height:224px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){

}
@media (max-width:993px){
.hm2cllx{width:100%; float:none;}
.hm2clrx{width:100%; float:none; margin-top:25px;}
.hm2c2item{width:100%; margin-bottom:15px;}
}
@media (max-width:767px){
.hm2Con1{padding-top:20px;}
.hm2c1swiper{width:100%; float:none;}
.hm2c1u1{width:100%; float:none; margin-top:20px;}
.hmpub_ul2 li a{font-size:14px;}
.hmpub_ul2 li span{ font-size:12px;}
.hm2c1rul li{font-size:14px;}
.hm2c1aBox strong{font-size:15px;}
}


.m2main{ padding: 45px 0px 65px; }
.m2lx{ width:278px; float:left;}
.m2rx{ width:calc(100% - 310px); float:right;}
.m2cnm{ font-size: 20px; line-height: 56px; color: #FFF; background: #197CEC; display: block; padding: 0px 20px; font-weight: bold; }
.m2menu{ border-right: 1px solid #CFCFCF; border-bottom: 1px solid #CFCFCF; border-left: 1px solid #CFCFCF; }
.m2menu li{ margin-bottom:2px;}
.m2menu_a{ line-height: 50px; display: block; height: 50px; padding: 0px 19px; font-size: 16px; font-weight: bold; color: #808080; background-position:calc(100% - 20px) center}
.m2menu_a.on,.m2menu_a:hover{ color: #197cec; background: #EAF2FB url(../images/m2mar.png) no-repeat calc(100% - 20px) center; }
.m2posInfo{ line-height: 40px; height: 40px; }
.m2posInfo .fl{ font-size: 22px; font-weight: bold; color: #333; padding-left: 25px; position:relative;}
.m2posInfo .fl:before{ content: ""; background: #197CEC; height: 10px; width: 10px; position: absolute; left: 0px; top: 15px; }
.m2posInfo .fr{ font-size: 16px; }
.m2posInfo .fr span{ color: #197CEC; }
.m2nlist{ margin: 24px 0px 32px; border-top: 1px dashed #D0D0D0; }
.m2nlist li{ border-bottom: 1px dashed #D0D0D0; position:relative; }
.m2nlist li a{ display: block; line-height: 70px; height: 70px; position: relative; font-size: 16px; padding: 0px 165px 0px 15px; }
.m2nlist li a:hover{ background:#f2fcff;}
.m2nlist li span{ position: absolute; right:15px; top: 0; font-size: 16px; line-height: 70px; color: #808080; }
.m2rxEditor{ font-size: 14px; line-height: 32px; margin-top:20px;}
@media (max-width:1799px){
.m2cnm{font-size:18px;}
.m2posInfo .fl{font-size:20px;}
.m2posInfo .fr{font-size:15px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.m2main{ padding: 35px 0px 65px; }
}
@media (max-width:993px){
.m2lx{width:100%; float:none;}
.m2rx{width:100%; float:none; margin-top:35px;}
}
@media (max-width:767px){
.m2nlist li span{font-size:12px; line-height:60px;}
.m2nlist li a{font-size:14px; padding-right:92px; line-height:60px; height:60px;}
.m2posInfo .fr{font-size:14px;}

}


