

/*截字*/
.ellipsis{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%;}
.clamp{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; line-height: 1.5; max-height: 3em;height: 3em;overflow:hidden;}
.clamp_3{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3; line-height: 1.5; max-height: 4.5em;height: 4.5em;overflow:hidden;}
.clamp_4{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 4; line-height: 1.5;  max-height: 6em;height: 6em;overflow:hidden;}
.clamp_5{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 5; line-height: 1.5;  max-height: 7.5em;height: 7.5em;overflow:hidden;}
.clamp_6{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 6; line-height: 1.5;  max-height: 9em;height: 9em;overflow:hidden;}


.aMore{ display: block; width: 40px;height: 24px;text-align: center;line-height: 24px;color: #fff;background: #004da5;font-size:14px;border-radius: 20px;}
@media only screen and (min-width:1025px) {
.aMore:hover{color: #fff!important;opacity: .8;}
}


.inwrap{width: 1400px; margin: 0 auto; max-width: 83%;}
.brief-part{background: #F0F5FF;overflow:hidden;padding-bottom:3%;}
.intit{ background: #fff;}
.intit h2{position: relative; padding:5% 0 3%;}
.intit h2::before{content: ""; position: absolute; lefT:0; bottom: 0; width: 150px; height:5px;
background: -webkit-linear-gradient(left,#0888ff, #bbeeff);
background: -o-linear-gradient(left,#0888ff, #bbeeff);
background: -moz-linear-gradient(left,#0888ff, #bbeeff);
background: linear-gradient(left,#0888ff, #bbeeff);}

.incon{padding: 5% 0 7%;}

.inlist-top{padding:4% 0;}
.inlist-top dt{ float: left;width: 56.78%;}
.inlist-top dd{ float: right; width: 43%; padding: 5% 2% 0 5%; box-sizing: border-box;}
.inlist-top dd h2 a,.inlist-con dd h2 a{color:#333333;}
.inlist-top dd span,.inlist-con dd span{ display: block; color: #0060C1; font-weight: bold; margin: 3.5% 0 3%; font-family: Arial, Helvetica, sans-serif;}
.inlist-top dd p,.inlist-con dd p{color:#777777; line-height:1.8;max-height: 5.4em;height: 5.4em; margin-bottom: 12%;}

.inlist-con{ padding: 3% 0 7%; background: #ffffff;}
.inlist-con li{border-bottom:1px solid #c9cdd6;overflow:hidden;}
.inlist-con li a{padding: 20px 20px 20px 40px;display:block;overflow:hidden;position:relative;}
.inlist-con li a:after{content:"";display:block;width:8px;height:8px;background:#700505;position:absolute;left:20px;top:50%;margin-top:-4px;border-radius:100%;}
.inlist-con li a p{float:left;width:calc(100% - 106px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
color:#393f4d;transition;all .3s;}
.inlist-con li a span{float:right;width:105px;color:#2445c7;text-align:right;}
.inlist-con dt{ float: left; width: 33.21%;}
.inlist-con dd{ float: right; width: 66%; padding: 1% 2% 0 4%; box-sizing: border-box;}
.inlist-con dd span{margin: 2% 0; }
.inlist-con dd p{max-height: 3.6em;height: 3.6em; margin-bottom: 5%;}

.inlist-con .page{border-top:1px solid #E0E0E0; padding-top: 5%;}

.dets_tit{padding: 3% 0 2%; background: #fff;}
.dets_tit h1{color:#05326B; margin-bottom: 2%;line-height: 1.2;}
.dets_tit h2{color:#777777;}
.dets_tit h2 span{margin-right:40px;}
.dets_con{padding:4% 0 6%;}

.share{margin:5% 20px 20px;}
.share span{display: block; margin-bottom: 15px; color:#0C3479;}
.share .ico-box{height:25px; line-height: 25px;}
.share .ico-box a{ float: left; width:25px; height:25px;margin:0 12px 0 0;}
.share .ico-box a.i-wx{background: url(../images/share_wx.png) no-repeat;}
.share .ico-box a.i-wb{background: url(../images/share_wb.png) no-repeat;}
.share .ico-box a.i-qq{background: url(../images/share_qq.png) no-repeat;}
.share .ico-box a.i-db{background: url(../images/share_db.png) no-repeat;}
.share .ico-box a.i-bd{background: url(../images/share_bd.png) no-repeat;}

.dets-page{border-top:1px solid #E0E0E0; padding: 20px 0 0 20px; position: relative;}
.dets-page p{ line-height: 36px; color:#333333;overflow: hidden; width: calc(100% - 80px);}
.dets-page p label{ float: left; width:76px;}
.dets-page p a{ float: right; width: calc(100% - 76px); color:#333333;}
.dets-page a.close{ position: absolute; top:30px; right:0; width:86px; height: 40px; line-height: 40px; text-align: center; color:#fff!important;border-radius: 20px; background: #004EAB;}

/* 20230525 video */
.video-part{ background-color: #FFFFFF;}
.video-con{ padding: 0 0 50px;}
.video-list{ display: flex; flex-wrap: wrap; margin: 45px -25px;}
.video-list li{ width: 33.33%; padding: 25px; box-sizing: border-box;}
.video-list li a{ display: block;}
.video-list li .video_button{ cursor: pointer;}
.video-list li .picBtn{ cursor: pointer;}
.video-img{ position: relative; overflow: hidden;}
.video-mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/video_icon.png) center center no-repeat; background-color: rgba(0, 0, 0, 0.2); background-size: 10.6%;}
.video-text{ padding: 20px 30px; background-color: #FFFFFF; border: 1px solid #e0e0e0; border-top: none;}
.video-title{ color: #333333;}
.video-list + .page{ margin: 30px 0;}

/* partner */
.par-list{ list-style: none; display: flex; flex-wrap: wrap; margin: 0 -12px;}
.par-list li{ width: 20%; padding: 12px; box-sizing: border-box;}
.par-img{ display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: rgba(255, 255, 255, 0.6); border-radius: 5px; transition: all .3s;}
.par-img img{ max-width: 90%; max-height: 80%; margin: 0 auto;}

/* exhibition */
.in-tab{ padding: 50px 0 0; background-color: #FFFFFF;}
.in-tab-list{ list-style: none; display: flex; justify-content: space-between; margin: 0 -26px;}
.in-tab-list li{ flex: 1; padding: 0 26px;}
.in-tab-list li a{ display: flex; align-items: center; line-height: 2; padding: 20px 40px; border: 1px solid #e3e3e3; border-bottom: none; border-radius: 20px 20px 0 0;}
.in-tab-list li a img{ flex-shrink: 0; margin-right: 20px; max-width: 45px;}
.in-tab-list li a img.active{ display: none;}
.in-tab-list li a span{ flex: auto; display: block; overflow: hidden;}
.in-tab-icon{ flex-shrink: 0; display: block; width: 33px; height: 22px; background: url(../images/ex_arrow.png) center center no-repeat; background-size: contain; margin-left: auto;}
.in-tab-list li.active img.default{ display: none;}
.in-tab-list li.active img.active{ display: block;}
.in-tab-list li.active a{ background-color: #f1f5ff; border-color: #f1f5ff; color: #143167 !important;}
.in-tab-list li.active .in-tab-icon{ background-image: url(../images/ex_arrow_active.png);}

.in-form-bg{ padding: 70px 0 50px;}
.in-form-bg:nth-child(2n){ background-color: #f9fbff;}
.in-form-wrap{ max-width: 1100px; margin: 0 auto;}
.in-form-title{ color: #143167; line-height: 1.2; margin-bottom: 30px; font-weight: bold;}
.in-form-title-sub{ color: #015ebb; line-height: 1.4; margin: 20px 0; font-weight: bold;}
.in-form-title-sub span{ color: #333333; font-weight: normal; margin-left: 5px;}
.in-form-title-sub i{ color: #d90000; font-weight: bold; margin-left: 5px; position: relative; top: 3px;}
.in-form-list{ list-style: none; margin: 0 -15px 10px;}
.in-form-list li{ float: left; width: 100%; padding: 0 15px; margin-bottom: 20px; box-sizing: border-box;}
.in-form-list li.two{ width: 50%;}
.in-form-item{ display: flex; line-height: 62px; background-color: #FFFFFF; border-radius: 5px; border: 1px solid #dde3f3; box-shadow: 0 2px 5px rgba(215, 219, 230, .42);}
.in-form-label{ flex-shrink: 0; color: #777777; padding: 0 10px 0 30px;}
.in-form-label span{ color: #d90000; font-weight: bold; margin-left: 5px; position: relative; top: 3px;}
.in-form-input{ display: block; flex: auto; font-size: 20px; color: #333333; border: none; padding-right: 15px; border-radius: 0 5px 5px 0; overflow: hidden;}
textarea.in-form-input{ height: 145px; line-height: 32px; padding: 15px 15px 15px 0; overflow-y: auto;}

.in-form-inline{ display: flex; flex-wrap: wrap; align-items: center; margin: 10px 0 0; max-width: 990px;}
.in-form-checkbox{ min-width: 200px; margin-bottom: 20px;}
.in-form-checkbox .layui-form-checkbox[lay-skin=primary]{ padding-left: 46px;}
.in-form-checkbox .layui-form-checkbox[lay-skin=primary] span{ font-size: 20px; color: #333333; line-height: 30px;}
.in-form-checkbox .layui-form-checkbox[lay-skin=primary] i{ width: 30px; height: 30px; background-color: #FFFFFF; border-radius: 5px; border: 1px solid #dde3f3; box-shadow: 0 2px 5px rgba(215, 219, 230, .42); background-repeat: no-repeat; background-position: center center; box-sizing: border-box;}
.in-form-checkbox .layui-form-checkbox[lay-skin=primary] i::before{ display: none;}
.in-form-checkbox .layui-form-checked[lay-skin=primary] i{ border-width: 2px; border-color: #015ebb !important; color: #015ebb; background-image: url(../images/duigou.png);}

.in-form-fill{ display: flex; align-items: center;}
.in-form-fill .in-form-input{ width: 100px; height: 65px; padding: 0 10px; background-color: #FFFFFF; border-radius: 5px; border: 1px solid #dde3f3; box-shadow: 0 2px 5px rgba(215, 219, 230, .42); box-sizing: border-box;}
.in-form-unit{ flex-shrink: 0; color: #777777; margin: 0 10px 0 5px;}
.in-form-symbol{ flex-shrink: 0; color: #333333; margin: 0 10px;}

.in-form-btn{ width: 270px; height: 75px; margin-top: 40px; border: 1px solid #d7d7d7; background-color: transparent; border-radius: 10px; color: #5a5a5a;}
.in-form-submit{ margin-right: 20px; background-color: #015ebb; border-color: #015ebb; color: #FFFFFF;}

.in-form-code{ flex-shrink: 0; font-size: 18px; width: 150px; color: #878787; border: none; background-color: transparent; text-align: center; cursor: pointer;}

.in-form-auto{ max-width: none; margin-left: -28px;}
.in-form-auto .in-form-checkbox{ min-width: 0; margin-left: 28px;}
.in-form-other{ display: inline-block; vertical-align: middle; flex: none; width: 460px; height: 53px; padding: 0 10px; background-color: #FFFFFF; border-radius: 5px; border: 1px solid #dde3f3; box-shadow: 0 2px 5px rgba(215, 219, 230, .42); color: #5a5a5a;}

.in-form-item2{ display: flex; flex-wrap: wrap; align-items: center; margin: 10px 0;}
.in-form-label2{ color: #333333;}
.in-form-label2 span{ color: #d90000; font-weight: bold; margin-left: 5px; position: relative; top: 3px;}
.in-form-item2 .in-form-inline{ margin: 0;}
.in-form-radio{ margin-left: 28px;}
.in-form-radio .layui-form-radio{ margin: 10px 0;}
.in-form-radio .layui-form-radio *{ font-size: 20px; color: #333333;}
.in-form-radio .layui-form-radio>i{ width: 30px; height: 30px; background-color: #FFFFFF; border-radius: 50%; border: 1px solid #dde3f3; box-shadow: 0 2px 5px rgba(215, 219, 230, .42); background-repeat: no-repeat; background-position: center center; box-sizing: border-box; font-size: 0;}
.in-form-radio .layui-form-radioed>i{ background-image: url(../images/dot.png); border-width: 2px; border-color: #015ebb;}

.in-form-item3{ display: flex; flex-wrap: wrap; margin: 20px 0;}
.in-upload-left{ flex-shrink: 0; width: 200px; padding-right: 15px; font-size: 14px; color: #878787; box-sizing: border-box;}
.in-upload-left .in-form-label2{ position: relative; display: inline-block; max-width: 140px; color: #777777;}
.in-upload-left .in-form-label2 span{ position: absolute; left: 100%; top: 3px;}
.in-upload-right{ flex: auto; display: flex; flex-wrap: wrap; overflow: hidden;}
.in-upload-list{ display: flex; flex-wrap: wrap;}
.in-upload-item{ position: relative; width: 145px; height: 202px; margin-right: 20px; margin-bottom: 10px; overflow: hidden;}
.in-upload-item img{ width: 100%; height: 100%; object-fit: contain;}
.in-upload-del{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); display: flex; align-items: center; justify-content: center; font-size: 20px; color: #FFFFFF; cursor: pointer; opacity: 0; visibility: hidden; transition: all .3s;}
.in-upload-del i{ width: 21px; height: 23px; margin-right: 5px; background: url(../images/del.png) center center no-repeat; background-size: contain;}
.in-upload-btn{ width: 65px; height: 65px; border-radius: 5px; border: 1px solid #dde3f3; box-shadow: 0 2px 5px rgba(215, 219, 230, .42); background: url(../images/upload.png) center center #FFFFFF no-repeat; box-sizing: border-box;}

#photo3 .in-upload-item{ width: 225px; height: 127px;}

.in-form-area{ display: flex; margin: 0 -15px;}
.in-area-item{ width: 33.33%; padding: 0 15px; box-sizing: border-box;}
.in-area-item .layui-input{ height: 62px; line-height: 60px; font-size: 20px; background-color: #FFFFFF; border-radius: 5px; border: 1px solid #dde3f3; box-shadow: 0 2px 5px rgba(215, 219, 230, .42); padding-left: 30px;}
.in-area-item .layui-form-select dl{ top: 62px;}
.in-area-item .layui-form-selectup dl{ top: auto; bottom: 62px;}
.in-area-item .layui-form-select dl dd{ font-size: 18px; line-height: 2.6;}
.in-area-item .layui-form-select dl dd.layui-this{ background-color: #004da5;}
.in-area-item .layui-form-select .layui-edge{ width: 14px; height: 14px; border: none; background: url(../images/down.png) center center no-repeat; background-size: contain; margin-top: -7px;}
.in-area-item .layui-form-selected .layui-edge{ margin-top: -7px;}

.isAbroad{ display: none;}
.isAbroad .in-area-item{ width: 100%;}

.modalImgbox{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2); z-index: 10000; display: none; text-align: center;}
.modalImgbox.on{ display: block;}
.Imgbox{ position: absolute; display: inline-block; width: 75%; box-sizing: border-box;}
.Imgbox_l{ float: left; width: 80%; position: relative;}
.Imgbox_l dl{ position: relative;}
.Imgbox_l dl dt { position: absolute; bottom: 0; left: 0; width: 100%; padding: 12px 80px; box-sizing: border-box; color: #fff; text-align: center; background: rgba(0,0,0,0.6);}
.Imgbox_l dl dt p{min-height:22.5px;}
.Imgbox_l .lhl_but{ display: none;}
.Imgbox .lhl_but div { background: none; color: #fff; height: 30px; line-height: 30px; margin-top: 0; text-align: center; font-size: 20px; width: 100%; box-sizing: border-box;}
.Imgbox .lhl_but .swiper-button-prev { top: -40px;}
.Imgbox .lhl_but .swiper-button-prev i { transform: rotate(90deg); display: inline-block;}
.Imgbox .lhl_but .swiper-button-next { bottom: -40px; top: auto; padding-left: 40px;}
.Imgbox .lhl_but .swiper-button-next i { transform: rotate(90deg); display: inline-block;}
.Imgbox_l .swiper-pagination { text-align: right; color: #fff; right: 30px; left: auto; bottom: 12px;}
.Imgbox_l .swiper-pagination-current { color: #004EAB;}

.Imgbox_r { float: right; width: 20%; position: absolute; right: 0%; top: 0; height: 100%; padding-left: 10px; box-sizing: border-box;}
.Imgbox_r .swiper-container { height: 100%;}
.Imgbox_r li { padding: 8px 8px 8px 15px; box-sizing: border-box; position: relative; cursor: pointer;}
.Imgbox_r li dl{height:100%;}
.Imgbox_r dd { position: relative; z-index: 4;height:100%;}
.Imgbox_r dd img { width: 100%;height:100%;}
.Imgbox_r dt { background: url(../upload/imgBox_line.png) no-repeat; background-size: cover; width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: none;
}
.Imgbox_r li.on dt { display: block;}
.close_box { position: absolute; right: 0%; color: #fff; top: -40px; font-size: 20px; cursor: pointer;z-index:10;}
.Imgbox .lhl_but .swiper-button-prev.swiper-button-disabled,
.Imgbox .lhl_but .swiper-button-next.swiper-button-disabled { pointer-events: inherit!important;}


 
@media only screen and (min-width:1025px) {
    .inlist-top dd h2 a:hover{color:#004EAB!important;}
    .inlist-con li:hover{ background: #F0F5FF;}
    .inlist-con li:hover dd h2 a{color:#004EAB!important;}
    .inlist-con li:hover p{color:#000000;}
    .dets-page a.close:hover{background: #f0f5ff;}

    .video-list li a:hover{ background-color: #f1f5ff; border-radius: 0 0 5px 5px; overflow: hidden;}
    .video-list li a:hover .video-text{ box-shadow: 0 5px 13px rgba(139, 139, 139, 0.1); border-color: transparent;}

    .par-img:hover{ background-color: #FFFFFF; box-shadow: 0 4px 13px rgba(0, 0, 0, 0.1);}

    .in-tab-list li a:hover{ background-color: #f1f5ff; border-color: #f1f5ff; color: #333333 !important;}

    .in-upload-item:hover .in-upload-del{ opacity: 1; visibility: visible;}
	.inlist-con li a:hover p{color:#700505;}
}

@media only screen and (max-width:1750px) {
    .video-list{ margin: 40px -15px;}
    .video-list li{ padding: 15px;}

    .par-list{ margin: 0 -8px;}
    .par-list li{ padding: 8px;}

    .in-tab-list{ margin: 0 -15px;}
    .in-tab-list li{ padding: 0 15px;}
    .in-tab-list li a{ padding: 15px 30px;}
    .in-tab-list li a img{ max-width: 34px; margin-right: 10px;}
    .in-tab-icon{ width: 24px; height: 16px;}
}
@media only screen and (max-width:1440px) {
    .video-list{ margin: 40px -10px;}
    .video-list li{ padding: 10px;}
    .video-text{ padding: 10px 20px;}

    .in-tab{ padding: 35px 0 0;}
    .in-form-bg{ padding: 50px 0 40px;}
    .in-form-list{ margin: 0 -10px 10px;}
    .in-form-list li{ margin-bottom: 15px; padding: 0 10px;}
    .in-form-item{ line-height: 54px;}
    .in-form-label{ padding: 0 10px 0 15px;}
    .in-form-input{ font-size: 18px;}
    textarea.in-form-input{ padding: 10px 15px 10px 0;}
    .in-form-checkbox .layui-form-checkbox[lay-skin=primary]{ padding-left: 30px;}
    .in-form-checkbox .layui-form-checkbox[lay-skin=primary] span{ font-size: 18px;}
    .in-form-checkbox .layui-form-checkbox[lay-skin=primary] i{ width: 24px; height: 24px; margin-top: 3px; background-size: 12px auto;}
    .in-form-fill .in-form-input{ width: 80px; height: 48px;}
    .in-form-btn{ width: 220px; height: 60px; margin-top: 30px;}

    .in-form-radio .layui-form-radio *{ font-size: 18px;}
    .in-form-radio .layui-form-radio>i{ width: 24px; height: 24px;}
    
    .in-upload-btn{ width: 55px; height: 55px;}

    .in-form-area{ margin: 0 -10px;}
    .in-area-item{ padding: 0 10px;}
    .in-area-item .layui-input{ height: 54px; line-height: 52px; padding-left: 15px; font-size: 18px;}
    .in-area-item .layui-form-select dl{ top: 54px;}
    .in-area-item .layui-form-select dl dd{ font-size: 18px;}
    .in-area-item .layui-form-selectup dl{ top: auto; bottom: 54px;}
}
@media only screen and (max-width:1024px) {
    .inwrap{max-width: 94%;}
    .inlist-top dd,.inlist-con dd{padding: 0 0 0 4%;}
    .inlist-con li:nth-child(2n){ background: #F0F5FF;}
    
    .par-list li{ width: 25%;}

    .in-form-checkbox .layui-form-checkbox[lay-skin=primary] span{ font-size: 16px;}
    .in-form-code{ width: 120px; font-size: 16px;}
    .in-form-radio .layui-form-radio *{ font-size: 16px;}
    .in-form-radio .layui-form-radio>i{ width: 20px; height: 20px;}

    .in-upload-del{ opacity: 1; visibility: visible; font-size: 0; width: 30px; height: 30px; border-radius: 5px; left: auto; right: 0;}
    .in-upload-del i{ width: 18px; height: 18px; margin: 0;}

    .in-area-item .layui-input{ font-size: 16px;}
    .in-area-item .layui-form-select dl dd{ font-size: 16px;}

    .Imgbox { width: 90%;}
	
	
}
@media only screen and (max-width:767px) {
    .inlist-top dt,.inlist-con dt{width:100%;}
    .inlist-top dd,.inlist-con dd{ width: 100%; padding: 5% 0;}
    .inlist-top dd p, .inlist-con dd p{margin-bottom: 5%;}
    .dets_tit h2 span{margin-right:0; display: block;}
    .share{margin:5% 0 20px;}
    .dets-page{padding: 20px 0 0;}
    .dets-page p label{ width: 65px;}
    .dets-page p a{width: calc(100% - 65px);}
    .dets-page a.close{ display: none;}
    .dets-page p{width: 100%;}

    .video-list li{ width: 50%;}
    .par-list{ margin: 0 -5px;}
    .par-list li{ width: 33.33%; padding: 5px;}

    .inwrap{ overflow: hidden;}
    .in-tab .inwrap{ max-width: 100%;}
    .in-tab-list{ margin: 0 -5px;}
    .in-tab-list li{ padding: 0 5px;}
    .in-tab-list li a{ padding: 5px 15px; border-radius: 5px 5px 0 0;}
    .in-tab-list li a img{ max-width: 24px; margin-right: 5px;}
    .in-tab-icon{ width: 20px; height: 12px;}

    .in-form-item2{ display: block;}
    .in-form-item2 .in-form-inline{ display: block; margin-left: -18px;}
    .in-form-radio .layui-form-radio{ margin: 0;}
    .in-form-fill{ margin-left: 28px;}

    .in-form-inline{ display: block;}
    .in-form-auto .in-form-checkbox{ margin-bottom: 5px;}
    .in-form-other{ width: calc(100% - 104px); max-width: 460px;}

    .in-form-item3{ display: block; margin: 10px 0;}
    .in-upload-left{ width: 100%; padding: 0; margin-bottom: 10px;}

    .in-form-nowrap{ display: flex;}

    .Imgbox { padding: 0; width: 100%;}
    .Imgbox_l,
    .Imgbox_r { width: 100%;}
    .Imgbox_l dl dt { padding: 12px 50px 12px 20px; text-align: left;}
    .Imgbox_l dl dt p{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .Imgbox_l .lhl_but { display: block;}
    .Imgbox .lhl_but div { width: 20px; height: 20px; border-radius: 20px; background: #f2f7f9; color: #000; line-height: 20px; font-size: 14px;}
    .Imgbox .lhl_but div.swiper-button-prev { left: 0; top: 50%; margin-top: -10px; }
    .Imgbox .lhl_but div.swiper-button-next { right: 0; top: 50%; margin-top: -10px; padding-left: 0;}
    .Imgbox .lhl_but div i { transform: inherit!important; font-size: 14px;}
    .Imgbox_l .swiper-pagination { right: 10px;}
    .Imgbox_r { padding-left: 0; margin-top: 5px; position: relative; right: auto; display: none;}
    .close_box { top: -40px; right: 0;}
	.intit h2{padding: 30px 0 20px;}
	.inlist-con li a{padding: 10px 10px 10px 20px;}
	.inlist-con li a:after{left:5px;width:6px;height:6px;margin-top:-3px;}
}
@media only screen and (max-width:640px) {
    .video-list{ margin: 30px -5px;}
    .video-list li{ padding: 5px;}
    .video-title{ font-size: 16px;}

    .in-tab-list{ font-size: 14px;}
    .in-tab-list li a{ padding: 6px 5px;}
    .in-form-list li.two{ width: 100%;}

    .in-form-area{ display: block;}
    .in-area-item{ width: 100%; margin: 5px 0;}
}
@media only screen and (max-width:460px) {
    .video-list li{ width: 100%;}
    .video-text{ padding: 10px;}    
    .par-list li{ width: 50%;}
    .in-tab-list{ text-align: center;}
    .in-tab-list li a{ justify-content: center;}
    .in-tab-list li a span{ flex: none;}
    .in-tab-list li a img{ max-width: 20px;}
    .in-tab-icon{ display: none;}

    
    .in-tab{ padding: 20px 0 0;}
    .in-form-bg{ padding: 50px 0 30px;}
    .in-form-list{ margin: 0 -5px 5px;}
    .in-form-list li{ margin-bottom: 10px; padding: 0 5px;}
    .in-form-item{ line-height: 44px;}
    .in-form-label{ padding: 0 10px; font-size: 14px;}
    .in-form-input{ font-size: 14px;}
    textarea.in-form-input{ padding: 5px 10px 5px 0;}
    .in-form-checkbox .layui-form-checkbox[lay-skin=primary]{ padding-left: 24px;}
    .in-form-checkbox .layui-form-checkbox[lay-skin=primary] span{ font-size: 14px; line-height: 24px;}
    .in-form-checkbox .layui-form-checkbox[lay-skin=primary] i{ width: 18px; height: 18px; margin-top: 3px; background-size: 10px auto;}
    .in-form-fill .in-form-input{ width: 60px; height: 38px;}
    .in-form-btn{ width: 47%; height: 40px; font-size: 16px; border-radius: 5px; margin-top: 20px; margin-right: 4%;}
    .in-form-btn:last-child{ margin-right: 0;}

    .in-form-code{ width: 110px; font-size: 14px;}
    .in-form-radio .layui-form-radio>i{ width: 18px; height: 18px;}
    .in-form-radio .layui-form-radio *{ font-size: 14px;}

    .in-form-other{ width: calc(100% - 96px); height: 44px;}

    .in-area-item .layui-input{ height: 44px; line-height: 42px; font-size: 14px;}
    .in-area-item .layui-form-select .layui-edge{ background-size: 10px auto;}
    .in-area-item .layui-form-select dl{ top: 44px;}
    .in-area-item .layui-form-select dl dd{ font-size: 14px;}
    .in-area-item .layui-form-selectup dl{ top: auto; bottom: 44px;}

}



.newAdd .in-form-title-sub{color: #143167;}
.newAdd .in-form-checkbox{float: left;width: 50%;margin-left: 0!important;padding-left: 28px;box-sizing: border-box;}
.in-form-txt{float: right;width: calc(100% - 50px);color: #333333;margin-top: 3px;}
.in-form-txt p{margin-bottom: 5px;}
.newAdd .in-form-checkbox .layui-form-checkbox[lay-skin=primary] i{margin-top: 0;}



@media only screen and (max-width:1024px) {
    .newAdd .in-form-checkbox{width: 100%;}
}
@media only screen and (max-width:767px) {
    .in-form-txt{width: calc(100% - 30px);}
    .in-form-txt{margin-top: 1px;}
    .newAdd .in-form-auto .in-form-checkbox{margin-bottom: 10px;}
}





.in-form-item .pub_select{ position: relative;height: 54px;width:100%;}
.in-form-item .pub_select dt {position: relative;cursor: pointer;height: 54px;line-height: 54px;width:100%;box-sizing:border-box;display:flex;}
.in-form-item .pub_select dt>span{float: left;color:#777; padding: 0 10px 0 30px;}
.in-form-item .pub_select dt>span em{
	color: #d90000;
    font-weight: bold;
    margin-left: 5px;
    position: relative;
    top: 3px;
}
.in-form-item .pub_select dt>p{float: left;color:#777;padding-right:15px;}
.in-form-item i{position: absolute;right: 20px;height:30px;line-height: 30px;font-weight:normal;top: 50%;margin-top: -15px;transition: all .3s;color: #568dbc;}
.in-form-item .pub_select.on_o i{transform: rotate(180deg);}
.in-form-item .pub_select dd {z-index: 99; position: absolute; max-height:200px; overflow-y: auto; overflow-x: hidden; background: #eef5f9; width:100%; left: 0px; top:100%; display: none;  border: 1px solid #eee;border-top: 0; box-sizing:border-box;box-shadow: 0 0 10px rgba(0,0,0,0.2); }
.in-form-item .pub_select dd a { display: block; line-height: 40px; white-space: normal; padding: 0 20px; }

@media only screen and (max-width: 1440px){
	.in-form-item .pub_select dt>span{padding: 0 10px 0 15px;}
}




/*add*/
.imgList-tab{margin-top: 4%;position: relative;}
.imgList-tab li{text-align: center;padding: 14px 0;box-sizing: border-box;background: #e3e8f6;border-radius: 10px;cursor: pointer;}
.imgList-tab li.on{
    background: -webkit-linear-gradient(left,#2445c7, #815ac6);
    background: -o-linear-gradient(left,#2445c7, #815ac6);
    background: -moz-linear-gradient(left,#2445c7, #815ac6);
    background: linear-gradient(left,#2445c7, #815ac6);
    color: #fff;
}
.imgList-tab .lhl_but div{background: none;line-height: 44px;font-size: 26px;font-weight: bold;}
.imgList-tab .lhl_but div.swiper-button-prev{left: -35px;}
.imgList-tab .lhl_but div.swiper-button-next{right: -35px;}


.imgList-tab .swiper-button-prev.swiper-button-disabled,.imgList-tab .swiper-button-next.swiper-button-disabled{cursor: pointer; pointer-events:inherit!important; opacity: 1;}
.imgList-tab .swiper-button-prev.disabled{ cursor: default;opacity: 0.6;}
.imgList-tab .swiper-button-next.disabled{ cursor: default;opacity: 0.6;}
@media only screen and (max-width:1660px) {
    .imgList-tab li{font-size: 16px;}
}
@media only screen and (max-width:1200px) {
    .imgList-tab li{font-size: 14px;}
}
@media only screen and (max-width:1024px) {
    .imgList-tab{padding: 0 30px;box-sizing: border-box;margin-top: 40px;}
    .imgList-tab .lhl_but div.swiper-button-prev{left: 0;}
    .imgList-tab .lhl_but div.swiper-button-next{right: 0;}
}
@media only screen and (max-width:767px) {
    .imgList-tab{padding: 0 40px;}
}
.hzdw-list{margin:3% 0 0;overflow:hidden;}
.hzdw-list li{float:left;width:25%;margin-bottom:40px!important;}
.hzdw-list li a{padding:0 40px;box-sizing:border-box;display:block;}
.hzdw-list li img{width:100%;}
.introduce_party .intit h2{text-align:center;}
.introduce_party .intit h2::before{display:none;}
.hzdw-list:last-child{margin-bottom:5%;}
@media only screen and (max-width:767px) {
	.hzdw-list li{width:33.2%;float:none;display:inline-block;margin-bottom:30px!important;}
	.hzdw-list li a{padding:0 10px;}
}