/* CSS Document */
*{margin:0; padding:0; font-family: "Helvetica Neue", Helvetica, "PingFang SC", 微软雅黑, Arial, Microsoft YaHei; touch-action: pan-y; }
a{ color:#333; text-decoration:none;}
ul, ol{list-style-type:none;}
img{border:0; max-width:100%;  vertical-align: middle;}
.container{width:1300px; margin:0 auto; position:relative;}
.clear{clear:both;}
body{ overflow-x:hidden; position:relative; }
h1, h2, h3, h4, h5, h6,b{ font-weight:normal;}
input, textarea,select, button{outline:medium; blr:expression(this.onFocus=this.blur());}
p{ text-align:justify;}
.fl{ float:left;}
.fr{ float:right;}
.header-top{ height:30px; line-height:30px; font-size:14px; color:#333; background:#f3f3f3;}
.header-top .basic{ display:inline-block;}
.header{ height:120px; background:#fff;}
.header .logo{ float:left; height:120px; line-height:120px;}
.header .logo-text{ margin-left:35px; float:left; margin-top:46px;}
.header .logo-text {font-size: 24px;font-weight: bold;padding: 5px 20px;line-height: 30px;margin: 25px 0 0 30px !important;border-radius: 8px;}
.header .logo-text p{text-align: center;}
.header .other{ float:right; width:260px; padding: 9px 0;}
.header .other li{ font-size:16px; color:#333; padding-left:36px; line-height:34px;}
.header .other li span{ color:#fe0202;}
.header .other li.icon1{ background:url(../images/header-icon1.png) no-repeat center left;}
.header .other li.icon2{ background:url(../images/header-icon2.png) no-repeat center left;}
.header .other li.icon3{ background:url(../images/header-icon3.png) no-repeat center left;}
.nav{ background:var(--themecolor); height:50px; text-align:center;}
.nav ul{ display:inline-block;}
.nav li{ float:left; width:140px; margin:0 2px;}
.nav li>a{ display:inline-block; font-size:18px; color:#fff; height:50px; line-height:50px; text-align:center; width:100%;}
.nav li.on>a, .nav li:hover>a{ background:#fff; color:var(--themecolor);}
.banner{overflow:hidden; height:413px; position:relative; z-index:0;margin-top: 20px;}
.banner .swiper-container{ width:100%; height:100%;}
.banner .swiper-slide{ width:100%; height:100%;}
.banner .swiper-container-horizontal>.swiper-pagination{ bottom:10px;}
.banner .swiper-pagination-bullet{ width:35px; height:10px; background:#fff; border-radius:10px; margin:0 8px !important; opacity:1;}
.banner .swiper-pagination-bullet-active{ background:var(--themecolor);}
.banner .swiper-slide .icon{ position: absolute; width: 26px; height: 26px; z-index: 1; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.banner .swiper-slide{box-shadow: 0 0 5px 0px #000;border-radius: 5px;padding: 5px;margin: 20px 0;height: 360px;overflow: hidden;}
.banner .swiper-slide img{width: 100%;}
.banner .swiper-slide-active{transform: scale(1.1);}
.banner .swiper-slide-prev{transform: scale(0.85);}
.banner .swiper-slide-next{transform: scale(0.85);}
.ibj-nav{ margin-top:35px; height:293px; overflow:hidden; float:left;}
.ibj-title{ width:140px; float:left; margin-right:22px;}
.ibj-box{ overflow:hidden; width:492px;}
.ibj-box li{ height:80px; padding-left:80px; float:left; width:144px; border-radius:0 8px 8px 0; overflow:hidden; margin-right:22px; margin-bottom:26px;}
.ibj-box li a{ display:inline-block; width:100%; height:80px; text-align:center; line-height:80px; font-size:20px; color:#333;}
.ibj-box li:hover a{ background:var(--themecolor); color:#fff;}
.ibj-box li.ibj-icon1{ background:url(../images/ibj-nav-icon1.jpg) no-repeat center left #f2f1f1;}
.ibj-box li.ibj-icon2{ background:url(../images/ibj-nav-icon2.jpg) no-repeat center left #f2f1f1;}
.ibj-box li.ibj-icon3{ background:url(../images/ibj-nav-icon3.jpg) no-repeat center left #f2f1f1;}
.ibj-box li.ibj-icon4{ background:url(../images/ibj-nav-icon4.jpg) no-repeat center left #f2f1f1;}
.ibj-box li.ibj-icon5{ background:url(../images/ibj-nav-icon5.jpg) no-repeat center left #f2f1f1; width: 390px;}
.i-btns-box-2{ overflow:hidden;}
.i-btns-box-2 ul{ margin:30px 0;display: flex;justify-content: space-between;flex-wrap: wrap;}
.i-btns-box-2 li{width: calc(90%/6) !important;border-radius: 8px;height: 80px;}
.i-btns-box-2 li a{ background-color:#f2f1f1; display:inline-block; border-radius:4px; width:100%;}
.i-btns-box-2 li a:hover{background-color: var(--themecolor);color:#fff;}
.i-btns-box-2 li .icon{ width:80px; float:left;background-color: var(--themecolor);}
.i-btns-box-2 li .icon img{ margin: 20px;max-width: 40px;height: 40px;}
.i-btns-box-2 li .t{ font-size:22px;line-height:80px; text-align: center;}
.itz-list{ margin-top:35px; float:right; width:630px;}
.itz-list .top{ font-size:18px; color:var(--themecolor); font-weight:bold; padding-bottom:10px; position:relative; height:24px; line-height:24px; border-bottom:1px solid #d8d8d8;}
.itz-list .top i{ display:inline-block; width:75px; height:3px; background:var(--themecolor); position:absolute; left:0; bottom:-1px;}
.itz-list .top a{float:right; color:#717373; font-size:14px; font-weight:normal; display:inline-block;}
.itz-list .top a:hover{ color:var(--themecolor); text-decoration:underline;}
.itz-list .list{ overflow:hidden;}
.itz-list .list li{ margin-top:12px; overflow:hidden;}
.itz-list .list li .date{ width:64px; text-align:center; background:var(--themecolor); float:left;}
.itz-list .list li .date span{ font-size:28px; color:#fff; font-weight:bold; display:inline-block; margin-top:2px;}
.itz-list .list li .date p{ font-size:12px; color:#fff; text-align:center; padding-bottom:4px;}
.itz-list .list li .text{ float:right; width:550px; font-size:14px; color:#333; text-overflow: ellipsis;    display: -webkit-inline-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden; line-height:22px; height:44px; padding:4px 0;}
.itz-list .list li:hover .text{ color:var(--themecolor);}
.itz-list{width: 830px;margin-right: 30px;}
.itz-list .list ul{display: flex;justify-content: space-between;flex-wrap: wrap;gap: 0 20px;}
.itz-list .list li{margin-top: 10px; width:calc(50% - 10px);float: left;border-bottom: 1px dotted #ddd;padding-bottom: 10px;}
.itz-list .list li .img{width: 100px;float: left;height: 80px;margin-right: 10px;overflow: hidden;border: 1px solid #eee;}
.itz-list .list li .img img{width: 100px;height: 80px;}
.itz-list .list li .date{font-size: 14px;color: #797979;margin-top: 2px;width: auto;background: none;width: 280px;text-align: left;float: right;}
.itz-list .list li .text{width: 280px;font-size: 16px;margin-top: 5px;}
.rmzy-list{ width: 100%; margin-bottom: 25px;}
.rmzy-list ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.rmzy-list li{ width: calc(90% / 2 ); background: #fff; border:1px solid #efeff4; display: flex; padding: 28px 10px; margin-top: 20px; float: left; transition: all .3s;}
.rmzy-list li:hover{ background: #fff; border-color: #fff; box-shadow: 0 0 20px rgba(0,0,0,.12);}
.rmzy-list li .img{ width: 80px; height: 80px; float: left; border-radius: 10%; overflow: hidden; position: relative; margin-right: 15px;}
.rmzy-list li .img img{ position: absolute; width: 100%; height: 100%;}
.rmzy-list li .text{ flex: 1;padding-top: 10px;}
.rmzy-list li .text .t{ font-size: 18px; color: #222; line-height: 20px;}
.rmzy-list li .text .t a{ color: inherit;}
.rmzy-list li .text .p{ font-size: 14px; color: #555; line-height: 24px; margin-top: 10px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;display: none;}
.rmzy-list li .text .bq{ line-height: 30px; overflow: hidden;margin-top: 20px;}
.rmzy-list li .text .bq a{ font-size: 14px; color: var(--themecolor); display: block; width: 33%; float: left;}
.rmzy-list li .text .bq a:nth-child(2){ text-align: center;}
.rmzy-list li .text .bq a:last-child{ text-align: right;}
.rmzy-list li:hover .text .t{ color: var(--themecolor);}
.inews{ background:url(../images/inews-bg.png) no-repeat center; background-size:cover; height:540px; margin-top:45px; padding-top:25px;}
.inews .top{ font-size:18px; color:var(--themecolor); font-weight:bold; padding-bottom:10px; position:relative; height:24px; line-height:24px; padding-left:30px;}
.inews .top a{ float:right; color:#717373; font-size:14px; font-weight:normal; display:inline-block;}
.inews .top a:hover{ color:var(--themecolor); text-decoration:underline;}
.ibk{ width:630px; float:left;}
.ibk .top{ background:url(../images/ibk-icon.png) no-repeat 0px 2px;}
.ibk .list{ margin-top:20px;}
.ibk .list li{ height:124px; border:1px solid #efeff4; background:url(../images/ibk-bg.png) no-repeat center left #fff; width:288px; float:left; margin-bottom:35px; margin-right:50px; transition: all 0.2s linear 0s;}
.ibk .list li:nth-child(2n){ margin-right:0;}
.ibk .list li .date{ margin-top:13px; overflow:hidden;}
.ibk .list li .date p{ font-size:36px; color:var(--themecolor); float:left; margin-left:48px; line-height:34px; margin-right:8px;}
.ibk .list li .date span{ font-size:14px; color:#818283; display:block;}
.ibk .list li .title{ font-size:16px; color:#333; line-height:24px; padding: 12px 12px 0 25px; text-overflow: ellipsis;    display: -webkit-inline-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden; height:48px;}
.ibk .list li:hover{ box-shadow:0 3px 6px rgba(0,0,0,.35);}
.ibk .list li:hover .title{ color:var(--themecolor);}
.ibk .list li{background: #fff;}
.ibk .list li .date p{font-size: 26px;}
.ibk .list li .title{margin-top: 10px;}
.ibk .list li .title span{font-size: 14px;background: #666;padding: 5px 10px;color: #fff;margin-right: 20px;border-radius: 10px;}
.idd{ width:630px; float:right;}
.idd .top{ background:url(../images/idd-icon.png) no-repeat 0px 2px;}
.idd .hot{ margin-top:20px; border-bottom:1px solid #c8c8c8; padding-bottom:17px; overflow:hidden;width: 50%;float: left;}
.idd .hot .img{ float:left; width:80px; overflow:hidden;height: 80px;}
.idd .hot .img img{ opacity:1; transition: all 0.2s linear 0s;height: 80px;border-radius: 10px;}
.idd .hot:hover .img img{ opacity:1;}
.idd .hot .text{ float:right; width:220px;}
.idd .hot .text .title{font-size:16px; color:#333; overflow: hidden; height:40px; margin-top:4px;}
.idd .hot:hover .text .title{ color:var(--themecolor);}
.idd .hot .text .p{font-size:14px; color:#9a9a9a; line-height:24px; text-overflow:ellipsis;display:none;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden; height: 72px;margin-top: 10px;}
.idd .hot .text .date{ font-size:14px; color:#797979;     margin-top: 15px;}
.idd .list{ padding-top:14px;}
.idd .list li{ width:300px; float:left; font-size:14px; color:#333; overflow:hidden; line-height:20px; border-right:1px solid #c8c8c8; padding-right:14px; margin-right:15px; padding-top: 20px;}
.idd .list li:nth-child(2n){ border-right:none; padding-right:0px; margin-right:0px;}
.idd .list li:nth-child(-n+2){ padding-top: 0;}
.idd .list li a{ text-overflow: ellipsis;    display: -webkit-inline-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    overflow: hidden; width:220px; float:left;}
.idd .list li span{ display:inline-block; float:right; width:80px; text-align:right;}
.idd .list li:hover a{ color:var(--themecolor);}
.ifg{ margin-top:30px; margin-bottom:60px;}
.ifg .top{ font-size:18px; color:var(--themecolor); font-weight:bold; padding-bottom:10px; position:relative; height:24px; line-height:24px; padding-left:30px; background:url(../images/ifg-icon.png) no-repeat 0 0;}
.ifg .top a{ float:right; color:#717373; font-size:14px; font-weight:normal; display:inline-block;}
.ifg .top a:hover{ color:var(--themecolor); text-decoration:underline;}
.ifg .box{ margin-top:40px;}
.ifg .box .swiper-container{ padding:0 46px;}
.ifg .box .swiper-button-next{ width:46px; height:170px; margin-top:0; top:0; background:url(../images/ifg-next.png) no-repeat center right #fff; right:0;}
.ifg .box .swiper-button-prev{ width:46px; height:170px; margin-top:0; top:0; background:url(../images/ifg-prev.png) no-repeat center left #fff; left:0;}
.ifg .box .swiper-slide{ overflow:hidden;}
.ifg .box .swiper-slide img{ transition: all 0.2s linear 0s;}
.ifg .box .swiper-slide:hover img{ transform: scale(1.1,1.1);}
.ifg .swiper-slide img{border-radius: 20px;height: 200px;}
.ifg .box .swiper-button-next,.ifg .box .swiper-button-prev{height: 200px;}
.footer{ background:var(--themecolor); padding-top:20px; overflow:hidden;}
.foot-nav .foot-logo{ text-align:center; margin-bottom:15px;}
/*.foot-nav .foot-logo img{filter: grayscale(100) brightness(100);}*/
.foot-nav{ float:left; width:410px; overflow:hidden; margin-bottom:10px;}
.foot-nav dd{ width:130px; float:left; margin-right: 10px;}
.foot-nav dd:nth-child(3n){ margin-right:0;}
.foot-nav dd a{ font-size:16px; color:#fff; display:inline-block; width:100%; text-align:center; line-height:40px;}
.foot-nav dd a:hover{ text-decoration:underline;}
.foot-contact{ float:left; margin-top:34px; margin-left:120px;}
.foot-contact li{ font-size:14px; color:#fff; line-height:24px; padding-left:58px; margin-bottom:44px;}
.foot-contact li.tel{ background:url(../images/foot-tel.png) no-repeat center left;}
.foot-contact li.dz{ background:url(../images/foot-dress.png) no-repeat center left; margin-bottom:0;}
.foot-contact li span{ display:inline-block;}
.foot-wx{ width:132px; float:right; margin:34px 50px 0;}
.foot-wx .title{ font-size:14px; color:#fff; text-align:center; margin-top:10px;}
.foot-copy{ text-align:center; font-size:14px; color:#fff; border-top:1px solid #c8c8c8; height:50px; line-height:50px;}
.foot-copy a{ font-size:14px; color:#fff;}
.page-banner{ height:305px;}
.page-box{ margin-top:45px; overflow:hidden;}
.ty-left{ width:254px; float:left;}
.ty-left .ty-top{ margin-bottom:20px;}
.ty-left .ty-nav li{height:80px; border-radius:0 10px 10px 0; overflow:hidden; margin-bottom:20px;}
.ty-left .ty-nav li .icon {width: 80px;float: left;background-color: var(--themecolor);}
.ty-left .ty-nav li a{ background:#f2f1f1; font-size:20px; color:#333; display:inline-block; width:100%; height:80px; line-height:80px; text-align:center;}
.ty-left .ty-nav li.ty-icon5 a{ line-height: 24px; height: 48px;    padding: 16px 0;}
.ty-left .ty-nav li:hover a{ background:var(--themecolor); color:#fff;}
.ty-right{ width:1012px; float:right;}
.ty-right .ty-top{ color:var(--themecolor); font-weight:bold; font-size:18px; border-bottom:1px solid #d8d8d8; padding-bottom:10px; position:relative;}
.ty-right .ty-top i{ position:absolute; display:inline-block; width:75px; height:3px; background:var(--themecolor); left:0; bottom:-1px;}
.ty-right .ty-top .mbx{ font-size:14px; color:#464646; float:right; line-height:30px; font-weight:normal;}
.ty-right .ty-top .mbx span{ display:inline-block; background:url(../images/mbx-icon.png) no-repeat center left; padding-left:25px;}
.ty-right .ty-top .mbx a{ font-size:14px; color:#464646;}
.ty-right .ty-top .mbx a:last-child{ color:#1d548c;}
.ty-right .ty-top .mbx a:hover{ color:#1d548c; text-decoration:underline;}
.ty-right .ty-box{ padding:20px 0;}
.about{ font-size:16px; /* color:#717373; */ line-height:30px; padding-bottom:30px;}
.about p{ text-indent:32px }
.about p+p{ margin-top:22px }
.news-list li{ margin-bottom:35px; overflow:hidden;}
.news-list li .img{ width:194px; height:130px; float:left; overflow:hidden;}
.news-list li .img img{ opacity:.8; transition: all 0.2s linear 0s;}
.news-list li:hover .img img{ opacity:1;}
.news-list li .text{ float:right; width:795px;}
.news-list li .text .title{ font-size:18px; color:#333; margin-top:4px;}
.news-list li .text .p{ font-size:14px; color:#999; line-height:24px; margin-top:12px; text-overflow: ellipsis;    display: -webkit-inline-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden; height:48px;}
.news-list li .text .date{ font-size:14px; color:#999; margin-top:12px;}
.news-list li .text .date span{ display:inline-block; padding-left:25px; background:url(../images/news-icon.png) no-repeat center left; margin-left:50px;}
.news-list li:hover .text .title{ color:var(--themecolor);}
.pager-list{ text-align:center; margin-top:30px;}
.pager-list ul{ list-style-type:none; margin:0; padding:0; display:inline-block;}
.pager-list li{ float:left; padding:0 6px;}
.pager-list li>*{ display:inline-block; font-size:14px; color:#333; height:30px; line-height:30px; padding:0 12px; border:1px solid #bfbfbf;  background:#fff; border-radius:0px; }
.pager-list li a:hover{ background:var(--themecolor); color:#fff; border:1px solid var(--themecolor);}
.pager-list li.active>*{ color:#fff; background:var(--themecolor); border:1px solid var(--themecolor);}
.pager-list li.disabled>*{ cursor:auto; background:#fff; color:#ccc;}
.bk-list{ padding-top:10px;}
.bk-list li{ overflow:hidden; margin-bottom:40px;}
.bk-list li .date{ float:left; background:var(--themecolor); width:70px; height:80px; border:1px solid var(--themecolor); text-align:center;}
.bk-list li .date span{ font-size:48px; color:#fff; display:inline-block; line-height: 40px; margin: 10px 0 4px;}
.bk-list li .date p{ font-size:14px; color:#fff; text-align:center;}
.bk-list li .text{ float:left; margin-left:14px; padding-left:12px; width:840px; border-left:1px solid #d8d8d8; height:82px;}
.bk-list li .text .title{ font-size:16px; color:#333;}
.bk-list li .text .p{ font-size:14px; color:#acacac; text-overflow: ellipsis;    display: -webkit-inline-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    overflow: hidden; margin-top:5px;}
.bk-list li .text .bq{ margin-top:5px; overflow:hidden;}
.bk-list li .text .bq span{ display:inline-block; width:68px; height:24px; text-align:center; line-height:24px; border-radius:4px; font-size:12px; color:#fff; background:#a6a6a6; float:left; margin-right:15px;}
.bk-list li:hover .text .title{ color:var(--themecolor);}
.news-con{ padding:20px 0 30px;}
.news-con .title{ font-size:22px; color:#000; text-align:center; font-weight:bold;}
.news-con .bq{ background:#a6a6a6; text-align:center; height:28px; line-height:28px; margin:12px auto; width:700px;}
.news-con .bq span{ font-size:14px; color:#fff; display:inline-block; padding:0 22px;}
.news-con .text{ font-size:16px; /* color:#333; */ line-height:30px; padding:20px 0;}
.news-con .text img{max-width: 80%;}
.news-con .text p{ text-indent:32px }
.news-con .text p+p{ margin-top:22px;}
.news-con .gjc{ background:#efeff4; height:40px; line-height:40px; padding:0 15px;}
.news-con .gjc span{ font-size:16px; color:#033;}
.news-con .gjc b{ font-size:16px; color:#033; display:inline-block; margin-right:20px;}
.news-con .gjc b:hover{ text-decoration:underline;}
.news-con .bm-btn{ text-align:center; margin:10px 0;}
.news-con .bm-btn a{ display:inline-block; width:190px; height:50px; border-radius:8px; background:url(../images/bm-icon.png) no-repeat 30px center var(--themecolor); font-size:20px; line-height:50px; color:#fff; text-indent:50px; position:relative; transition: all 0.2s linear 0s;}
.news-con .bm-btn a:hover{ box-shadow:0 3px 5px rgba(0,0,0,.35);}
.pager{ font-size:16px; color:#333; padding-top:15px; margin-top:22px; border-top:1px solid #dcdcdc;}
.pager span{ display:inline-block;}
.pager a{ display:inline-block; color:#999;}
.pager div{ height:30px; line-height:30px;}
.pager a:hover{ color:var(--themecolor); text-decoration:underline;}
.fg-list{ overflow:hidden; padding-top:20px; margin-bottom:-30px;}
.fg-list li{ width:200px; float:left; margin-right: 70px; margin-bottom:50px;}
.fg-list li:nth-child(4n){ margin-right:0;}
.fg-list li .img{ width:200px; height:170px; overflow:hidden; position:relative;}
.fg-list li .img img{ opacity:.8; transition: all 0.2s linear 0s; height:100%; position:absolute; left:50%; transform: translateX(-50%); max-width:none;}
.fg-list li:hover .img img{ opacity:1;}
.fg-list li .title{ width:200px; height:38px; line-height:38px; font-size:16px; color:#333; text-align:center; background:#dcdcdc;}
.fg-list li:hover .title{ background:var(--themecolor); color:#fff;}
.zs-list{ overflow:hidden;}
.zs-list li{ position:relative; padding-left:25px; border-bottom:1px dashed #c3c0c0; height:60px; line-height:60px;}
.zs-list li i{ position:absolute; display:inline-block; width:4px; height:4px; border-radius:4px; background:#333; left:10px; top:50%; transform: translateY(-50%);}
.zs-list li a{ display:inline-block; width:100%; font-size:14px; color:#333;}
.zs-list li:hover{ background:var(--themecolor);}
.zs-list li:hover i{ background:#fff;}
.zs-list li:hover a{ color:#fff;}
.cx-box{ background:url(../images/cx-bg.jpg) no-repeat center; height:800px;}
.cx-box .container{ height:100%;}
.cx-box .box{ background:#fff; position:absolute; top:50%; transform: translateY(-50%); right:135px; padding:30px 45px; border-radius:8px; width:300px;}
.cx-box .box .top{ font-size:24px; color:#333; font-weight:bold; text-align:center; height:30px; line-height:30px; margin-bottom:20px;}
.cx-box .box .top span{ display:inline-block;}
.cx-box .box .top i{ display:inline-block; margin-right:12px; float:left; line-height: 26px;}
.cx-box .box li{ position:relative; height:36px; line-height:36px; margin-bottom:20px;}
.cx-box .box li i{ position:absolute; left:10px; top:50%; transform: translateY(-50%);}
.cx-box .box li input{ width:228px; height:100%; border:1px solid #ccc; border-radius:8px; padding:0 15px 0 55px; font-size:14px; color:#333;}
.cx-box .box li.yzm input{ width:110px;}
.cx-box .box li.yzm .yzm-img{ border:1px solid #ccc; float:right; height:34px; width:100px;}
.cx-box .box li:last-child{ text-align:center; margin-bottom:0;}
.cx-box .box li:last-child input{ width:122px; height:36px; padding:0; border-radius:8px; margin:0 10px; border:none;  color:#fff; cursor:pointer;}
.cx-box .box li:last-child input[type="submit"]{ background:var(--themecolor);}
.cx-box .box li:last-child input[type="reset"]{ background:#979797;}
.cx-box .box li:last-child input:hover{ background:#fe0202;}
.jg-box{ background:url(../images/table.png) no-repeat center; width:530px; height:541px; position:absolute; top:50%; transform: translateY(-50%); right:96px;}
.jg-box ul{padding: 140px 100px 0 100px;display: flex;flex-direction: column;gap: 30px;}
.jg-box li{display: flex; height:50px; text-align:center;font-size:16px; color:#333;}
.jg-box li .title{background: #fe0202;text-align: center;color: #fff;width: 35%;display: flex;align-items: center;justify-content: center;}
.jg-box li .content{background: #fff;text-align: center;width: 65%;display: flex;align-items: center;justify-content: center;}
.null-box{ background:#fff; width:400px; height:336px; border-radius:8px; position:absolute; top:50%; transform: translateY(-50%); right:135px;}
.null-box .img{ margin:0 30px 0 40px; float:left; height:336px; line-height:336px;}
.null-box .text{ display:table; height:100%; padding-right:45px;}
.null-box .text div{ display:table-cell; vertical-align: middle; font-size:16px; color:#333; line-height:30px;}
.bm-message{ width:850px; margin-bottom:50px; margin-left:70px;}
.bm-message .top{ font-size:30px; color:var(--themecolor); font-weight:bold; text-align:center; margin:25px 0 35px;}
.bm-message .title{ height:32px; line-height:32px; background:#f2f1f1; font-size:18px; color:#333; font-weight:bold; position:relative; padding-left:20px;}
.bm-message .title i{ width:6px; height:32px; position:absolute; top:0; left:0; background:var(--themecolor); display:inline-block;}
.bm-message .title-line{ margin-top:8px;}
.bm-message select{ height:32px; padding:0 15px; border:1px solid #dcdcdc; border-radius:6px; font-size:14px; color:#333; float:left; outline: none; appearance:none;  -moz-appearance:none; -webkit-appearance:none;}
.bm-message .select{ width:355px; background: url(../images/bm-icon1.png) no-repeat 97.5% center #fff;}
.bm-message .select2{ width:160px; margin-right:35px; background: url(../images/bm-icon1.png) no-repeat 94% center #fff;}
.bm-message .select3{ width:105px; background: url(../images/bm-icon1.png) no-repeat 90% center #fff; margin-bottom:24px; margin-right:20px;}
.bm-message label{ width:90px; font-size:16px; color:#333; display:inline-block; text-align:right; height:32px; line-height:32px; float:left; margin-right:30px;}
.bm-message .sm{ width:225px; height:152px; background:url(../images/bm-sm.png) no-repeat center; float:right; margin-top:12px; margin-right:36px;}
.bm-message .sm p{ font-size:14px; color:#333; line-height:30px; text-indent:2em; padding: 18px 10px 0 18px;}
.bm-message input[type="text"]{ width:323px; height:30px; padding:0 15px; border:1px solid #dcdcdc; border-radius:6px; font-size:14px; color:#333; float:left;}
.bm-message textarea{ width:323px; height:80px; padding:8px 15px; border:1px solid #dcdcdc; border-radius:6px; font-size:14px; color:#333; float:left;}
.bm-message input[type="submit"]{ width:284px; height:36px; background:var(--themecolor); border-radius:8px; border:none; color:#fff; font-size:18px; margin-left:150px; cursor:pointer; border:1px solid var(--themecolor);}
.bm-message input[type="submit"]:hover{ background:#fff; color:var(--themecolor);}
.message-box{ overflow:hidden; }
.message-box .form{ width:500px; float:left; margin-top:12px;}
.message-box .form li{ overflow:hidden; margin-bottom:24px; height:32px;}
.message-box .form li i{ font-size:24px; color:#fd000c; display:inline-block; height:32px; overflow:hidden; line-height:43px; margin-left:14px;}
.message-box .form li select:nth-child(3){ margin-right:0px;}
.message-box .form li.dz{ height:88px; margin-bottom:40px;}
.message-box .form li.dz div{ float:right; width:380px;}
.message-box .form li.sfz{ height:auto; margin-bottom:40px;}
.message-box .form li.sfz label{ line-height:24px; margin-top:4px;}
.message-box .form li.sfz > div{ float:left; width:275px; background:#efefef; padding:14px 40px; border-radius:6px;}
.message-box .form li.sfz div img{ width:270px; height:165px;}
.message-box .form li.sfz div .btns{ text-align:center; margin-top:16px;}
.message-box .form li.sfz div .btns button{ width:188px; height:32px; border:1px solid #dcdcdc; border-radius:6px; background:#efeff4; font-size:16px; color:#333; cursor:pointer;}
.message-box .form li.sfz div .btns button:hover{ background:var(--themecolor); color:#fff;}
.message-box .form li.bz, .message-box .form li.tj{ height:auto;}
/* .message-box .form li.tj{ margin:40px 0} */
.bm-message .tx{ height:58px; line-height:58px; background:url(../images/bm-icon2.png) no-repeat 15px center #f2f1f1; font-size:16px; color:#333; font-weight:bold; border-radius:8px; padding-left:60px;}
.photo-mask { position: fixed; z-index: 10; bottom: 0; top: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.8); filter: alpha(opacity=20); -moz-opacity: 0.8; opacity: 0.8; display: none; }
.photo-panel { position: absolute; display: none; clear: both; top: 0; left: 0; bottom: 0; right: 0; z-index: 10; }
.photo-panel .photo-div,  .photo-panel .photo-bar { width: 100%; }
.photo-panel .photo-div { width: 1280px; height: 725px; z-index: 11; margin: auto; position:fixed; top:50%; left:50%; transform: translate(-50%,-50%);}
.photo-panel .photo-close { background: url(../images/close.png); width: 56px; height: 56px; position: absolute; margin-left:1000px; margin-top:-24px; cursor:pointer;}
.photo-panel .photo-close:hover { background: url(../images/close.png); width: 56px; height: 56px; position: absolute; }
.photo-panel .photo-bar-tip { width: 1000px; height: 44px; position: absolute; margin-top: -64px; padding: 10px; }
.photo-panel .photo-bar-tip:hover { width: 1000px; height: 44px; position: absolute; margin-top: -64px; background: #000; filter: alpha(opacity=20); -moz-opacity: 0.8; opacity: 0.8; color: #fff; padding: 10px; }
.photo-panel .photo-img { width: 1040px; float: left; height: 725px;}
.photo-panel .photo-view-w { width: 1020px; height: 720px; text-align: center; vertical-align: middle; display: table-cell; }
.photo-panel .photo-view-h { width: 1020px; height: 720px; text-align: center; vertical-align: middle; }
.photo-panel .photo-view-w img { max-width: 1020px; height: auto; vertical-align: middle; text-align: center; max-height: 720px; margin: 10px; }
.photo-panel .photo-view-h img { max-width: 1020px; height: 720px; margin: 10px;  }
.photo-panel .photo-left,  .photo-panel .photo-right { width: 120px; float: left; margin-top: 300px; }
.photo-panel .arrow-prv { background: url(../images/fg-prev.png) no-repeat center left; width: 120px; height: 120px; cursor:pointer;}
.photo-panel .arrow-next { background: url(../images/fg-next.png) no-repeat center right; width: 120px; height: 120px; cursor:pointer;}
.bm-box{ margin-top: 30px; padding-right: 10px;}
.bm-box .box{ border: 1px solid #777; padding-left: 88px; padding-top: 20px;}
.bm-box .box .t{ font-size: 20px color: #000; line-height: 24px; font-weight: bold;}
.bm-box .box .list{ margin: 15px 0 20px;}
.bm-box .box .list li{ line-height: 40px; position: relative; overflow: hidden;}
.bm-box .box .list li+li{ margin-top: 15px;}
.bm-box .box .list li label{ width: 156px; height: 40px; float: left; padding-left: 35px; border: 1px solid #bebebe; font-size: 16px; color: #444; border-right: none; border-radius: 4px 0 0 4px; position: relative;}
.bm-box .box .list li label i{ position: absolute; font-size: 24px; color: #f00; left: 18px; top: 0; line-height: 48px;}
.bm-box .box .list li select{ width: 400px; height: 42px; border: 1px solid #bebebe; border-radius: 0 4px 4px 0; float: left; font-size: 16px; padding-left: 35px; color: #333; }
.bm-box .box .list li p{ width: 200px; float: left; font-size: px; padding-left: 15px;}
.bm-box .box .list li input[type="text"]{ width: 400px; height: 40px; border: 1px solid #bebebe; border-radius: 0 4px 4px 0; float: left; font-size: 16px; padding-left: 35px; color: #333;}
.bm-box .box .list li .address{  float: left; border: 1px solid #bebebe; border-radius: 4px; overflow: hidden;}
.bm-box .box .list li .address label{ border: none; border-right: 1px solid #bebebe;}
.bm-box .box .list li .address .frame{ width: 398px; float: left;}
.bm-box .box .list li .address dd{ width: 30%; float: left; position: relative;}
.bm-box .box .list li .address dd:last-child{ width: 40%;}
.bm-box .box .list li .address dd select{ border: none; width: 100%; padding-left: 15px; font-size: 14px;}
.bm-box .box .list li .address .text{ border-top: 1px solid #bebebe;}
.bm-box .box .list li .address .text input{ width: 398px; border: none;}
.bm-box .box .list li button{ border: none; background: transparent; color: var(--themecolor); cursor: pointer;}
.bm-box .box .list li.btns{ text-align: center; padding-right: 22%;}
.bm-box .box .list li.btns input[type="submit"]{ width: 300px; height: 60px; border-radius: 10px; background: var(--themecolor); color: #fff; font-size: 22px; border: none; margin-top: 15px;}
.bm-box .box .list li.btns .text{ width: 100%; text-align: center; font-size: 16px; color: #000; margin-top: 8px;}