/*通用类*/
* { margin: 0; padding: 0; }
body { margin: 0 auto; font-size: 14px; font-family: PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif; text-align: justify; color: #555; overflow-x: hidden; position: relative; }
h1, h2, h3 { font-weight: 500; }
img { border: none; }
a { cursor: pointer; color: #555; text-decoration: none !important; outline: none !important; }
a:hover { color: #0249b3; }
ul { list-style-type: none; margin: 0; }
dl { margin: 0; padding: 0; }
em { font-style: normal; }
.lt { float: left; }
.rt { float: right; }
input.sub, label { border: none; cursor: pointer; }
input, textarea { font-family: PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif; outline: none; }
table { border-collapse: collapse; }
table td, table th { padding: 0; }
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block { display: none !important; }
div.clear { font: 0px Arial; line-height: 0; height: 0; overflow: hidden; clear: both; }
.line5 { font-size: 1px; height: 5px; width: 100%; clear: both; }
.line10 { font-size: 1px; height: 10px; width: 100%; clear: both; }
.line20 { font-size: 1px; height: 20px; width: 100%; clear: both; }
.ck_device { position: absolute; top: -300px; }

/*所有设备公用 CSS*/
.wrapin { width: 1200px; margin-left: auto; margin-right: auto; }

/*total*/



.header-mb { width: 100%; height: 50px; position: fixed; left: 0; top: 0; z-index: 100; background: #fff; border-bottom: 1px solid #ccc; }
.header-mb .logo { float: left; margin-left: 3%; }
.header-mb .logo img { display: block; height: 50px; width: auto; }
.header-mb-zw { height: 51px; clear: both; }
.nav-mb { position: fixed; right: 0; top: 0; z-index: 100; width: 100%; height: 100%; padding-top: 50px; display: none; }
.nav-mbshow { display: block; background: url("/image/images/bg_22.png"); }
.menu-btn { width: 40px; height: 30px; border: 1px solid #ddd; border-radius: 5px; position: fixed; right: 3%; top: 10px; background: #fff url("../images/menu.png") no-repeat center center; z-index: 110; }
.menu-btnshow { background-image: url("/image/images/menu_close.png"); }
.nav-mb dl { width: 90%; margin: 0 auto; font-size: 14px; }
.nav-mb a { display: block; }
.nav-mb dt { height: 40px; line-height: 40px; border-bottom: 1px solid #ccc; }
.nav-mb .down dt { }
.nav-mb dd { line-height: 30px; display: none; }
.nav-mb .down dd { display: block; }
.nav-mb dd a { color: #666; }



/*total*/

/*hm1xBET*/

.banner { width: 100%; height: 500px; position: relative; overflow: hidden; cursor: pointer; }
.banner .swiper-slide { width: 100%; background-repeat: no-repeat; background-position: top center; background-size: auto 100%;}
.banner .swiper-slide img { display: block; width: 100%; height: auto; }
.banner .swiper-slide a { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.banner .swiper-pagination { position: absolute; left: 0; text-align: center; bottom: 10px; width: 100%; }
.banner .swiper-pagination-bullet { display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #999; box-shadow: 0px 1px 2px #555 inset; margin: 0 3px; cursor: pointer; }
.banner .swiper-pagination-bullet-active { background: #fff; }

/*hm 1xBET*/

/*所有设备公用 CSS*/

.header_t { height: 30px; line-height: 30px; background: #f1f1f1; color: #999; }
.header_t a, .header_t em { float: left; margin-left: 8px; }
.header_t a { color: #999; }
.header_t a:hover { color: #0249b3; }

.header { height: 112px; background: #fff; }
.header .logo { display: block; float: left; height: 112px; }
.header .logo img { display: block; height: 112px; }
.head_tel { float: right; height: 82px; margin-top: 10px; padding-left: 44px; background: url("/image/images/head_tel.PNG") no-repeat left center; }
.head_tel dt { height: 24px; line-height: 24px; }
.head_tel dd { font-size: 24px; line-height: 30px; color: #0249b3; }

.nav { width: 100%; height: 50px; line-height: 50px; text-align: center; background: #0249b3; }
.nav a { font-size: 16px; width: 12.5%; float: left; display: block; height: 50px; font-weight: bold; color: #fff; }
.nav a:hover, .nav a.hover { color: #fff; background: #ff7900; }

.hm_sups { padding: 30px 0; }
.hm_sups .item { width: 25%; float: left; position: relative; }
.hm_sups dl { padding: 0 20px 0 80px; color: #999; }
.hm_sups img { display: block; width: 70px; height: 70px; position: absolute; left: 0; top: 5px; }
.hm_sups dt { height: 36px; line-height: 36px; font-size: 18px; color: #0249b3; }
.graybg { background: #f9f9f9; }

.hm_pro { position: relative; overflow: hidden; }

.cm_title { width: 188px; height: 50px; border: 1px solid #0249b3; margin: 70px auto 0 auto; position: relative; }
.cm_title .t1 { text-align: center; font-weight: bold; font-size: 22px; color: #0249b3; line-height: 50px; }
.cm_title .t2 { display: inline-block; height: 24px; line-height: 24px; background: #fff; padding: 0 12px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); position: absolute; color: #999; text-transform: uppercase; font-size: 14px; bottom: -12px; white-space: nowrap; }
.graybg .cm_title .t2 { background: #f9f9f9; }
.cm_more { display: block; width: 160px; height: 44px; line-height: 44px; border: 1px solid #cfcfcf; text-align: center; color: #999; margin: 40px auto; }
.cm_more:hover { color: #0249b3; border-color: #0249b3; }

.hm_pro .links { text-align: center; padding: 20px 0; line-height: 1.8; color: #999; width:100%;float:left;}
.hm_pro .links a { margin: 0 15px 0 10px; white-space: nowrap; }
.hm_pro .s_list { width: 120%; }
.hm_pro .s_list a { margin-top:5px;}
.hm_pro .s_list a div.photo { background-color:#ececec;}
.hp_item { display: block; width: 290px; float: left; text-align: center; margin-right: 13px; }
.hp_item .photo { display: block; width: 290px; height: 195px; position: relative; overflow: hidden; }
.hp_item .photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.hp_item .name { line-height: 3; display: inline-block; max-width: 95%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.hm_ab { padding-bottom: 70px; }
.ab_left { border: 4px solid #0249b3; float: left; width: 526px; height: 376px; position: relative; margin-top: 40px; }


.ab_banner { position: absolute; left: 28px; top: 30px; }
.abslider { width: 550px; height: 310px; position: relative; overflow: hidden; cursor: pointer; }
.abslider .swiper-slide { width: 100%; background-repeat: no-repeat; background-position: top center; }
.abslider .swiper-slide img { display: block; width: 100%; height: auto; }
.abslider .swiper-slide a { display: block; width: 100%; }
.abslider .swiper-pagination { position: absolute; left: 0; text-align: center; bottom: 10px; width: 100%; }
.abslider .swiper-pagination-bullet { display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #cfcfcf; margin: 0 3px; cursor: pointer; }
.abslider .swiper-pagination-bullet-active { background: #0249b3; }

.ab_intro { width: 565px; float: right; margin-top: 40px; line-height: 1.8; }
.ab_intro p { text-indent: 2em; margin-top: 15px; }
.ab_intro .more { display: block; width: 160px; height: 40px; line-height: 40px; border: 1px solid #cfcfcf; margin-top: 25px; text-align: center; color: #999; }
.ab_intro .more:hover { color: #0249b3; border-color: #0249b3; }

.case_slider { position: relative; padding-bottom: 30px; margin-top: 35px; }
.case_slider .swiper-pagination-bullet { display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #cfcfcf; margin: 0 3px; cursor: pointer; }
.case_slider .swiper-pagination-bullet-active { background: #0249b3; }
.case_slider div.swiper-slide a{ background-color:#ececec;}

.hm_news { position: relative; overflow: hidden; }
.hm_news .s_list { width: 120%; }
.ne_item { width: 582px; height: 120px; float: left; margin: 36px 36px 0 0; }
.ne_item .date { float: left; width: 70px; height: 74px; border: 1px solid #e5e5e5; text-align: center; margin-right: 8px; }
.ne_item .date dt { height: 40px; line-height: 40px; font-size: 24px; border-bottom: 1px solid #e5e5e5; }
.ne_item .date dd { height: 32px; line-height: 32px; background: #f7f7f7; }
.ne_item .photo { float: left; width: 180px; height: 120px; float: left; position: relative; overflow: hidden; }
.ne_item .photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ne_item .inf { width: 312px; float: right; }
.ne_item .inf dt { height: 34px; line-height: 34px; font-weight: bold; font-size: 16px; }
.ne_item .name { color: #333; display: inline-block; max-width: 95%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ne_item .name:hover { color: #0249b3; }
.ne_item .inf dd { line-height: 24px; height: 72px; color: #999; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; }

.footer { background: #0249b3; color: #fff; }
.ft_top { padding: 26px 0 16px 0; }
.ft_nav { width: 160px; float: left; }
.ft_nav dt { height: 40px; line-height: 40px; font-weight: bold; }
.ft_nav dd { height: 26px; line-height: 26px; }
.ft_nav dd a { color: #fff; }
.ft_nav dd a:hover { text-decoration: underline; }
.ft_fg { height: 108px; float: left; margin: 10px 0 0 0; border-left: 1px solid #2365c9; width: 85px; }
.ft_fg2 { width: 0; margin-left: 72px; }
.ft_code { width: 90px; text-align: center; float: left; padding-top: 10px; }
.ft_code img { display: block; width: 90px; height: 90px; }
.ft_code dd { height: 40px; line-height: 40px; }
.ft_inf { float: right; padding-left: 54px; background: url("/image/images/ft_tel.png") no-repeat left 10px; }
.ft_inf .t1 { height: 25px; line-height: 25px; font-weight: bold; font-size: 16px; }
.ft_inf .t2 { height: 22px; line-height: 22px; }
.ft_inf .t3 { height: 32px; line-height: 32px; font-weight: bold; font-size: 30px; }
.ft_bottom { border-top: 1px solid #2365c9; padding: 24px 0 0 0; text-align: center; }
.ft_copy { line-height: 22px; padding: 10px; color: #8db9fa; }
.ft_links a { margin: 0 5px; }

.fbar { height: 280px; position: fixed; right: 0; top: 50%; z-index: 100; margin-top: -140px; }
.fb_fls { margin-top: 10px; position: relative; z-index: 100; }
.fb_fls .handle { display: block; width: 60px; height: 55px; border-radius: 5px; text-align: center; padding-top: 5px; line-height: 20px; color: #ff7900; background: #efeeee; }
.fb_fls:hover .handle { background: #ff7900; color: #fff; }
.fb_fls .ico { display: block; width: 30px; height: 30px; margin: 0 auto; background-repeat: no-repeat; background-position: left top; }
.fb_fls .ico1 { background-image: url("/image/images/fbar1.png"); }
.fb_fls .ico2 { background-image: url("/image/images/fbar2.png"); }
.fb_fls .ico3 { background-image: url("/image/images/fbar3.png"); }
.fb_fls:hover .ico { background-position: left bottom; }
.fb_fls .go_top { background: #efeeee url("../images/fttop.png") no-repeat left top; }
.fb_fls .go_top:hover { background: #ff7900 url("../images/fttop.png") no-repeat left bottom; }
.fb_con { position: absolute; top: 15px; right: 75px; z-index: 100; display: none; }
.fb_fls:hover .fb_con { display: block; }
.fb_con dt { width: 70px; height: 70px; border: 1px solid #eb7221; }
.fb_con dt img { display: block; width: 70px; height: 70px; }
.fb_con dd { line-height: 2; }
.fb_con .sj { display: block; width: 13px; height: 26px; background: url("/image/images/ftsj.png") no-repeat left center; position: absolute; right: -13px; top: 0; }

.cm_banner { height: 300px; position: relative; background: url("/image/images/listbanner.jpg") no-repeat top center; }
.cm_pos { position: absolute; bottom: 0; left: 50%; height: 90px; background: #fff; margin-left: -600px; border-bottom: 1px solid #ececec; }
.cm_pos dl { float: left; padding: 16px 0 0 20px; }
.cm_pos dt { height: 36px; line-height: 36px; font-size: 24px; color: #0249b3; }
.cm_pos dd { height: 24px; line-height: 24px; }
.now_pos { float: right; line-height: 92px; padding-right: 20px; }

.aside { float: left; width: 224px; margin: 15px 0 20px 20px; }
.as_nav { border: 1px solid #ececec; border-bottom: 0; }
.as_nav li { height: 56px; line-height: 56px; position: relative; border-bottom: 1px solid #ececec; }
.as_nav li a { display: block; padding: 1px; position: absolute; left: -1px; top: -1px; font-size: 16px; text-indent: 45px; width: 100%; }
.as_nav li a:hover, .as_nav li a.hover { color: #fff; background: #669999; }
.as_nav div.title { height: 54px; line-height: 54px; background: #0249b3 url("../images/as_title2.png") no-repeat 20px center; font-size: 16px; color: #fff; padding-left: 56px; }

.as_cnt { margin-top: 25px; }
.as_cnt .title { height: 54px; line-height: 54px; background: #0249b3 url("../images/as_title.png") no-repeat 20px center; font-size: 16px; color: #fff; padding-left: 56px; }
.as_cnt ul { padding: 12px; line-height: 28px; border: 1px solid #ececec; }
.as_cnt li { padding-left: 66px; position: relative; }
.as_cnt li .tit { position: absolute; left: 0; top: 0; }

.pro_list { width: 945px; float: right; padding-top: 15px; }
.lis_item { width: 280px; float: left; margin: 0px 20px 10px 15px; text-align: center; background-color:#f7f7f7;}
.lis_item .name { line-height: 4; display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;background-color:#fff; }
.lis_item .photo { display: block; width: 280px; height: 195px; position: relative; overflow: hidden; }
.lis_item .photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.page { text-align: center; line-height: 34px; height: 36px; margin: 30px 0; clear: both; }
.page a { display: inline-block; height: 34px; line-height: 34px; padding: 0 13px; border: 1px solid #e5e5e5; margin: 0 2px; }
.page a:hover, .page a.hover { color: #fff; background: #027cd1; }

.detail { width: 915px; float: right; margin: 0 20px 0 0; }
.detail .title { font-size: 24px; color: #363636; padding: 20px 0; line-height: 36px; border-bottom: 1px solid #ececec; text-align: center; }
.detail .tags { text-align: center; line-height: 40px; height: 50px; color: #999; }

.article { margin: 20px 0; line-height:200%;}
.article img { display: block; width: 100%; height: auto; }

.det_ot { padding: 10px 0; border-top: 1px solid #ccc; }
.det_ot ul { float: left; line-height: 2; }

.f14 { font-size:14px;}