
@font-face {
  font-family: 'iconfont';  /* Project id 4010323 */
  src: url('//at.alicdn.com/t/c/font_4010323_mv8t5axgnq.woff2?t=1685520545998') format('woff2'),
       url('//at.alicdn.com/t/c/font_4010323_mv8t5axgnq.woff?t=1685520545998') format('woff'),
       url('//at.alicdn.com/t/c/font_4010323_mv8t5axgnq.ttf?t=1685520545998') format('truetype');
}

.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
/* CDN æœåŠ¡ä»…ä¾›å¹³å°ä½“éªŒå’Œè°ƒè¯•ä½¿ç”¨ï¼Œå¹³å°ä¸æ‰¿è¯ºæœåŠ¡çš„ç¨³å®šæ€§ï¼Œä¼ä¸šå®¢æˆ·éœ€ä¸‹è½½å­—ä½“åŒ…è‡ªè¡Œå‘å¸ƒä½¿ç”¨å¹¶åšå¥½å¤‡ä»½ã€‚ */
@font-face {
  font-family: "siyuan";font-weight: 400;src: url("//at.alicdn.com/wf/webfont/ChRyxKy40OUu/8bkrC1wdXTdy.woff2") format("woff2"),
  url("//at.alicdn.com/wf/webfont/ChRyxKy40OUu/w9xMkDB4s4r8.woff") format("woff");
  font-display: swap;
}
/* CDN æœåŠ¡ä»…ä¾›å¹³å°ä½“éªŒå’Œè°ƒè¯•ä½¿ç”¨ï¼Œå¹³å°ä¸æ‰¿è¯ºæœåŠ¡çš„ç¨³å®šæ€§ï¼Œä¼ä¸šå®¢æˆ·éœ€ä¸‹è½½å­—ä½“åŒ…è‡ªè¡Œå‘å¸ƒä½¿ç”¨å¹¶åšå¥½å¤‡ä»½ã€‚ */
@font-face {
  font-family: "puhui";font-weight: 500;src: url("//at.alicdn.com/wf/webfont/ChRyxKy40OUu/09unwnoSREgM.woff2") format("woff2"),
  url("//at.alicdn.com/wf/webfont/ChRyxKy40OUu/XgNRVpwgfpLI.woff") format("woff");
  font-display: swap;
}


.vcenter {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  display: block;
  vertical-align: middle;
  margin: auto;
}
.pic {
  position: relative;
  overflow: hidden;
  height: 258px;
}
.pic:after {
  content: "";
  display: block;
}
img {
    pointer-events: none;
}
.clear {clear: both; line-height:0; padding:0px; margin:0px;}
.fl{ float:left;}
.fr{ float:right;}
.container1 {
  max-width: 1200px;
  width: 98%;
  margin: auto;
  padding:0;
}



/*****************************/

#gotop1 {
    width: 80px;
    position: fixed;
    bottom: 90px;
    cursor: pointer;
    z-index: 99998;
    right: 30%;
    margin-right: -420px;
}


#gotop1:hover {
    animation: rubberBand 1s;
}




.foot_bj{ background:#012879; padding:20px 0; width:100%; line-height:30px; color:#fff; overflow:hidden; margin-top:5%;}
.foot_bj a{ color:#fff;}

.banner_about{ width:100%; height:auto; background:url(../Image/banner_about.jpg) center no-repeat; overflow:hidden; background-size:cover;}
.banner_about1{ text-align:center; padding:10% 0;}

.banner_pro{ width:100%; height:auto; background:url(../Image/banner_pro.jpg) center no-repeat; overflow:hidden; background-size:cover;}
.banner_pro1{ text-align:center; padding:10% 0;}
.banner_news{ width:100%; height:auto; background:url(../Image/banner_news.jpg) center no-repeat; overflow:hidden; background-size:cover;}
.banner_news1{ text-align:center; padding:10% 0;}

.banner_ywfw{ width:100%; height:auto; background:url(../Image/banner_ywfw.jpg) center no-repeat; overflow:hidden; background-size:cover;}
.banner_ywfw1{ text-align:center; padding:10% 0;}
.banner_jjfa{ width:100%; height:auto; background:url(../Image/banner_jjfa.jpg) center no-repeat; overflow:hidden; background-size:cover;}
.banner_jjfa1{ text-align:center; padding:10% 0;}
.banner_contact{ width:100%; height:auto; background:url(../Image/banner_contact.jpg) center no-repeat; overflow:hidden; background-size:cover;}
.banner_contact1{ text-align:center; padding:10% 0;}


.inner_about1_top{ color:#515151; font-size:16px; text-align:center; margin-top:75px; margin-bottom:30px;line-height: 30px;}
.inner_about1_top p{ font-size:30px; color:#1a4e84; font-weight:bold;margin-bottom: 20px;}


.inner_about1_left{ width:54%; height:auto; float:left; margin-top:30px;}
.inner_about1_left .video{width:100%;height:315px;background:url(../Image/video.jpg) center no-repeat #000;}

.inner_about1_right{ width:43%; float:right; margin-top:22px;}
.inner_about1_right_top{ color:#000000; font-size:28px;}
.inner_about1_con{ font-size:16px; color:#000; line-height:28px; margin-top:20px;}
.inner_about1_con p{margin-top: 6px;}


.inner_about2_bj{ width:100%; height:auto; background:url(../Image/p12.jpg) center no-repeat; overflow:hidden; background-size:cover; padding:40px 0 60px 0; margin-top:5%;}
.inner_about2_top{ color:#fff; font-size:16px; text-align:center; margin-top:20px; margin-bottom:25px;}
.inner_about2_top p{ font-size:30px; color:#fff; font-weight:bold;margin-bottom: 20px;}

.inner_aout2_main .item{margin: 1%;position:relative; float:left; width:90%; overflow:hidden;}
.inner_aout2_main .item p{ text-align:center; color:#fff; line-height:30px; height:30px; overflow:hidden;font-size: 14px;}

.inner_aout2_main .item:hover{}
.inner_aout2_main .item .pic { position: relative;
  overflow: hidden;}
.inner_aout2_main .item .pic img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  display: block;
  vertical-align: middle;
  margin: auto;
  transition: 0.3;
  box-shadow:0 0 10px rgba(0,0,0,0.5);
}
.inner_aout2_main .item .pic i {
  display: block;
  padding-bottom: 128%;
}
.inner_aout2_main .item:hover img {
    transform: scale(1.02);
}

.inner_about3_top img{ width:100%;}

.inner_about3_main .item{margin: 1%;position:relative; float:left; width:90%; overflow:hidden;}
.inner_about3_main .item .pic { position: relative; overflow: hidden;}
.inner_about3_main .item .pic img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  display: block;
  vertical-align: middle;
  margin: auto;
  transition: 0.3;
  box-shadow:0 0 10px rgba(0,0,0,0.5);
}
.inner_about3_main .item .pic i {
  display: block;
  padding-bottom: 100%;
}
.inner_about3_main .item:hover img {
    transform: scale(1.02);
}
.inner_about3_main .item .inner_about3_tit{ position:absolute; bottom:0; left:0; background:url(../Image/p14.png) right center no-repeat; line-height:44px; color:#fff; padding-right:50px; padding-left:24px;}
.inner_about3_main .item .inner_about3_tit p{ color:#fff;}


.inner_about4{ margin-bottom:80px;}
.inner_about4_main1 li{ width:48%; float:left;}
.inner_about4_main1 li:nth-child(2){ float:right;}
.inner_about4_main1 li .pic { position: relative; overflow: hidden;}
.inner_about4_main1 li .pic img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  vertical-align: middle;
  margin: auto;
  transition: 0.3;
}
.inner_about4_main1 li .pic i {
  display: block;
  padding-bottom: 62%;
}

.inner_about4_main2 li{ width:32.3%; float:left; margin-right:1.5%;margin-top: 16px;}
.inner_about4_main2 li:nth-child(3n){ margin-right:0;}
.inner_about4_main2 li .pic { position: relative; overflow: hidden;}
.inner_about4_main2 li .pic img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  display: block;
  vertical-align: middle;
  margin: auto;
  transition: 0.3;
}
.inner_about4_main2 li .pic i {
  display: block;
  padding-bottom: 70%;
}



/*************************************company end***************************/


.inner_pro_bj{ width:100%; height:auto; background:#fcfcfc; padding:2% 0;}
.inner_pro_type{ text-align:center; margin-bottom: 1%;}
.inner_pro_type li{ display:inline-table; color:#303030; line-height:44px; background:#fff; padding:0 2%; font-size:16px; margin:1%;}
.inner_pro_type li a{ color:#303030;}
.inner_pro_type li:hover{ background:#1a4e84;}
.inner_pro_type li:hover a{ color:#fff;}

.inner_pro_main li{width: 32.3%;
    margin-right: 0.5%;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
	margin-left: 0.5%;
	float:left;}

.inner_pro_main li .pic { position: relative; overflow: hidden;}
.inner_pro_main li .pic img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  display: block;
  vertical-align: middle;
  margin: auto;
  transition: 0.3;
}
.inner_pro_main li .pic i {
  display: block;
  padding-bottom: 80%;
}




.inner_pro_main li a.img img{
    transition: all 1s ease-out;
}
.inner_pro_main li:hover a.img img{
    transition: all 1s ;
    transform: scale(1.1);
}
.inner_pro_main li h3{

}
.inner_pro_main li h3 a{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(0,78,161,.5);
    font-size: 20px;
    color: #ffffff;
    font-weight: normal;
    opacity: 0;
    transition: all 0.6s ease-out;
}
.inner_pro_main li:hover h3 a{
    opacity: 1;
    transition: all 0.6s;
}


.pro_info_top{ margin-bottom:50px;}
.proshow {
  margin-top: 55px;
  margin-bottom:55px;
}
.proleft {
  width: 47%;
}
.proleft .big .pic:after {
  padding-bottom: 73%;
}
.proleft .small {
  margin-top: 6px;
}
.proleft .small .pic {
  cursor: pointer;
}
.proleft .small .pic:after {
  padding-bottom: 66.9%;
}
.proleft .small .slick-current .pic {
  border: 3px solid #d80808;
}
.proright {
  width: 47%; border:1px solid #d2d2d2; padding:20px; margin-top:50px;
}
.proright h3 {
  font-size: 22px;
  color: #333;
  line-height: 30px;
  padding-bottom: 10px;
  margin: 30px 0 15px;
}
.proright .crighttxt {
  color: #6b6b6b;
 line-height:25px;
 margin-top:10px;
}
.proright .crighttxt li{ line-height:30px; font-size:16px; margin-top:20px;}

.inner_news_status {height: 30px;line-height: 30px;font-size: 12px;color: #333;margin-top: 20px;padding-bottom: 10px; }
.inner_news_status span {padding-left: 20px; padding-right: 10px; line-height:30px;}
.inner_news_status .newstime{ background:url(../Image/news2.png) left center no-repeat;}
.inner_news_status .click{ background:url(../Image/news3.png) left center no-repeat;}

.product_info{border-bottom:1px solid #ddd;line-height:32px;margin:40px 0;}
.product_info b{font-size:20px;color:#096bd8;padding:0 5px;display:inline-block;font-weight:normal;border-bottom:2px solid #096bd8;}


.inner_content{ color:#000; line-height:30px; font-size:16px;}
.inner_content img{ max-width:100%;}
.inner_content table{width:100% !important;height:auto;margin:10px 0; border-collapse:collapse; border:1px solid #000;}
.inner_content table tr td{text-align: left;padding:0px 10px;border:1px solid #000; line-height:30px;}


.case_video{ width:80%; height:auto; margin:0 auto;}
.case_video .video{width:100%;height:100%;background:url(../Image/video.jpg) center no-repeat #000;}


/*******************************product end********************************/


.inner_bj{ width:100%; height:auto; background:#fcfcfc; padding:5% 0;}

.inner_news li{
    display: flex;
    flex-wrap: wrap;
    color: #fff;
	float:left;
	 width:30%;
	 background:#fff;
	 margin-left:3.3%;
}

.inner_news li .inner_news_img{
	position:relative;
}
.inner_news li .inner_news_img img{ width:100%; height:100%;}
.inner_news li .inner_news_time{
	position:absolute; top:0; left:0; background:#004ea1; color:#fff; font-size:18px; font-weight:bold; padding:10px 10px;text-align: center;
}
.inner_news li .inner_news_time p{ font-size:23px; line-height:25px;}
.inner_news li .inner_news_con{
	padding:15px 15px 50px 15px; color:#303030; font-size:14px;background:url(../Image/p7.jpg) bottom center  no-repeat; line-height: 22px;
}
.inner_news li .inner_news_con p{
    font-size: 15px;
    color: #303030;
    font-weight: bold;
    margin-bottom:6px;
}

.newshow .newshowtit {
  text-align: center;
  margin-top: 55px;
  border-bottom: 1px dotted #bfbebe; margin-bottom:20px;
}
.newshow .newshowtit h1 {
  font-size: 22px;
  color: #333;
}
.newshow .newshowtit .date {
  line-height: 65px;
  font-size: 12px;
  color: #999;
}
.newshow .newshowtxt p {
  margin-top: 25px;
  line-height: 25px;
}
.newshow .newshowimg {
  text-align: center;
  margin: 65px 0;
}


/*****************************news end***********************/



.inner_contact_bj{ position:relative;}
.inner_contact{ width:100%; position:absolute; top:0; z-index:88;}
.inner_contact .inner_contact_mes{ width:30%; float:left;background: rgba(0,78,161,1);}


.inner_contact_top{ text-align:center; color:#767676; font-size:18px; margin-top:20px;}
.inner_contact_top p{ color:#010101; font-size:30px;}


.inner_contact3{ margin-top:20px;}
.inner_contact3 li{ color:#a7a7a7; line-height:30px;}
.inner_contact3 p{ font-size:24px; font-weight:bold; color:#3c3c3c;}
.inner_contact3 li span{ margin-right:10px;}
.inner_contact3 #share{ margin-top:10px;}
.inner_contact3 #share a{ width:38px; height:38px; padding:0; margin:5px;}
.inner_contact3 #share a.bds_sqq{background:url(../Image/qq.jpg) no-repeat;}
.inner_contact3 #share a.bds_tsina{background:url(../Image/weibo.jpg) no-repeat;}
.inner_contact3 #share a.bds_weixin{background:url(../Image/weixin.jpg) no-repeat;}

.inner_contact2{ width:60%; margin:0 auto;}

.inner_message{ width:100%; color:#000; line-height:25px; margin:20px auto;}
.mes_left{ width:40%;}
.mes_right{ width:58%;}
.form-control1 {outline:none;
  display: block;
  width: 100%;
  height: 50px;
  margin-bottom:20px;
  font-size: 14px;
  line-height: 50px;
  color: #000;
  border:none;
  border-radius:10px;
   padding-left:10px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control1:focus {
  border-color: #66afe9;
  outline:none;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
#content1{ height:140px; background:url(../Image/p32.png) right 11px top 10px no-repeat #f3f3f3; font-family:"微软雅黑";}
.form-group{ margin-bottom:40px;}
.form-group2{width:50%; height:50px; position:relative; border:none; box-shadow: 1px 2px 3px #F0F0F0 inset; float:left; background:#f3f3f3;}
#submit2{ width:45%; height:50px; line-height:50px; text-align:center; background:#0055a7; color:#fff; float:right;}

.form-group #name{ background:url(../Image/p29.png) right 11px center no-repeat #f4f4f4;}
.form-group #email{ background:url(../Image/p30.png) right 11px center no-repeat #f4f4f4;}
.form-group #tel{ background:url(../Image/p31.png) right 11px center no-repeat #f4f4f4;}


.inner_contact .text{
    float: left;
    padding:30px 20px;
    background: rgba(0,78,161,1);
    color: #fff;
    width: 25%;
    /*position: absolute;*/
    /*top:50px;*/
    /*left: 95px;*/
    z-index: 2;
}
.inner_contact .text ul li{
	color:#fff; font-size:16px; line-height:30px; padding-left:30px; margin-top:10px;
}
.inner_contact .text ul .p8{background:url(../Image/p8.png) left center no-repeat;}
.inner_contact .text ul .p9{background:url(../Image/p9.png) left center no-repeat;}
.inner_contact .text ul .p10{background:url(../Image/p10.png) left center no-repeat;}
.inner_contact .text ul .p11{background:url(../Image/p11.png) left center no-repeat;}

.inner_contact .n_code{
    display: flex;
    margin-top:30px;
}
.inner_contact .n_code .cop{ width:40%; float:left;}
.inner_contact .n_code .cop img{ width:100%;}
.inner_contact .n_code p{
    width: 45%;
	float:right; line-height:30px; margin-left:5%; margin-top:10px;
}

.contact-map{ height:650px;}


/**************************contact end************************/


.inner_jjfa li{ width:32.3%; float:left; margin-top:1%; margin-right:1.5%;}
.inner_jjfa li:nth-child(3n){ margin-right:0;}
.inner_jjfa li .pic { position: relative; overflow: hidden;}
.inner_jjfa li .pic img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  display: block;
  vertical-align: middle;
  margin: auto;
  transition: 0.3;
}
.inner_jjfa li .pic i {
  display: block;
  padding-bottom: 80%;
}
.inner_jjfa li p{ text-align:center; font-size:16px; color:#282828; }




/**********************************解决方案 end***********************************/


.inner_ywfw{ margin-top:30px;}
.inner_ywfw li{ height:auto; overflow:hidden; padding:3% 0; border-bottom:1px solid #c2bfbf; margin-top:3%;}
.inner_ywfw li .inner_ywfw_more{ width:15%; color:#c8c8c8; font-size:20px; border:1px solid #c8c8c8; text-align:center; line-height:50px;}
.inner_ywfw li .inner_ywfw_img{ width:25%;}
.inner_ywfw li .inner_ywfw_img img{ width:100%;}
.inner_ywfw_right{ width:70%;}
.inner_ywfw li .inner_ywfw_tex{ width:80%;}
.inner_ywfw li .inner_ywfw_tex .inner_ywfw_tit{ color:#282828; font-size:18px; padding-bottom:10px;}
.inner_ywfw li .inner_ywfw_tex .inner_ywfw_con{ color:#8e8d8d; margin-top:25px;}
.inner_ywfw li:hover{ border-bottom:1px solid #0055a7;}
.inner_ywfw li:hover .inner_ywfw_tit{ color:#0055a7;}
.inner_ywfw li:hover .inner_ywfw_more{ border:1px solid #0055a7; color:#0055a7;}



/*.inner_ywfw li{ width:100%; margin-top:5%; position:relative;}
.inner_ywfw li .inner_ywfw_img{ width:38%; float:left;}
.inner_ywfw li .pic { position: relative; overflow: hidden;}
.inner_ywfw li .pic img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  display: block;
  vertical-align: middle;
  margin: auto;
  transition: 0.3;
}
.inner_ywfw li .pic i {
  display: block;
  padding-bottom: 60%;
}
.inner_ywfw_right{ width:60%; float:left; float:right;}
.inner_ywfw_tit{ width:60%; text-align:center; margin:0 auto; margin-top:-110px; position:relative; z-index:888; background:url(../Image/p15.jpg) top 50px center no-repeat #fff; padding-top:120px; padding-bottom:50px;}
.inner_ywfw_tit b{color:#004ea1; font-size:30px; border-bottom:1px solid #004ea1;}
.inner_ywfw_con{ width:90%; margin:0 auto; font-size:16px; color:#000; line-height:25px; margin-top:20px;}
*/
.inner_ywfw_info_tit{ text-align:center; margin-bottom:20px;}
.inner_ywfw_info_tit b{color:#004ea1; font-size:30px; border-bottom:1px solid #004ea1;}

#prev_next{ color:#000; margin-top:20px; line-height:30px; font-size:15px;}
#prev_next a{ color:#000;}


.page {
  line-height: 50px;
  border: 1px solid #e8e8e8;
  text-align: center;
  margin-top: 35px;
}
.page a {
  font-family: arial;
  background: #f8f8f8;
  padding: 5px 10px;
  margin: 0 2px;
}
.page a:hover {
  background: #1a4e84;
  color: #fff;
}
.page a.active {
  background: #1a4e84;
  color: #fff;
}
.page a.bgnone {
  background: none;
}
.page a.bgnone:hover {
  color: #d80808;
}

.de-page-mian {
  overflow: hidden;
  text-align: center;
  font-size: 0;
  margin: 10px 0 35px;
}
.de-page-mian .page-inner {
  display: inline-block;
  overflow: hidden;
}
.de-page-mian .page-inner a {
  display: block;
  float: left;
  min-width: 26px;
  padding: 0 5px;
  height: 36px;
  border: 1px solid #dddddd;
  background: #fff;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #333;
  margin-right: -1px;
  overflow: hidden;
}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover {
  color: #fff;
  border-color: #1a4e84;
  background: #1a4e84;
}
.de-page-mian .page-inner a.prev {
  margin-right: 10px;
  background: #fff url(../Image/prev.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev.on {
  background: #fff url(../Image/prev-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev:hover {
  background-color: #fff;
  border-color: #dddddd;
}
.de-page-mian .page-inner a.next {
  margin-left: 10px;
  margin-right: 15px;
  background: #fff url(../Image/next.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next.on {
  background: #fff url(../Image/next-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next:hover {
  background-color: #fff;
  border-color: #dddddd;
}
.de-page-mian .page-inner a.page-btn {
  font-size: 12px;
  margin-right: 0;
  width: 63px;
  margin-left: 10px;
}
.de-page-mian .page-inner span {
  display: block;
  font-size: 12px;
  color: #333;
  float: left;
  line-height: 38px;
}
.de-page-mian .page-inner input {
  display: block;
  float: left;
  height: 36px;
  width: 36px;
  border: 1px solid #dddddd;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #333;
  margin: 0 5px;
}


/*iyoushi*/
.iyoushi{overflow: hidden;}
.iyoushi-bd{height: 750px;border-top:solid 1px #dddddd;border-bottom: solid 1px #dddddd;margin-top: 30px;position: relative;}
.iyoushi-bd .swiper-slide{padding:30px;overflow: hidden;background: #f7f7f7;border-right:solid 1px #dddddd;cursor: pointer;position: relative;}
.iyoushi-bd .swiper-slide .bg{width:100%;height: 100%;object-fit: cover;position: absolute;top:0;left:0;opacity: 0;transition: all .5s}
.iyoushi-bd .swiper-slide:after{content:'';position: absolute;top:0;left:0;background: rgba(0,0,0,0.6);width:100%;height: 100%;opacity: 0;transition: all .5s}
.iyoushi-bd .item{width:100%;height: 100%;padding:40px;position: relative;text-align: center;z-index: 2}
.iyoushi-bd .item .xh{color:var(--zhu-color);font-size: 16px;transition: all .5s}
.iyoushi-bd .item .box{position: relative;display: flex;flex-direction: column;align-items: center;width:100%;transition: all .5s;top:0;}
.iyoushi-bd .item .box i{font-size: 45px;color:#155acc;margin:15px 0;}
.iyoushi-bd .item .box b{font-size: 28px;}
.iyoushi-bd .item .box span{width:30px;height: 2px;background: #155acc;display: block;margin:40px auto;}
.iyoushi-bd .item .box p{font-size: 14px;color:#666666;line-height: 30px;width:100%;}
.sil-tile__square { position: absolute; top: 0em; left: 0em; right: 0em; bottom: 0em; z-index: 1; color: #fff;}
.ieIE1011 .sil-tile__square { display: none!important }
.sil-tile__square:after, .sil-tile__square:before { color: inherit; position: absolute; display: block; visibility: hidden; width: 0; height: 0; content: ' '; border: 1px solid currentcolor; box-sizing: border-box;}
.sil-tile__square:before { top: 0; left: 50%; transition: height .1s linear .3s, width .1s linear .4s, visibility 0s .51s; border-bottom: 0; border-left: 0 }
.sil-tile__square:after { right: 0; bottom: 0; transition: background-size .1s linear 0s, height .1s linear .1s, width .1s linear .2s, visibility 0s .3s; border-top: 0; border-right: 0; background-image: linear-gradient(currentColor, currentColor); background-repeat: no-repeat; background-position: 0 0; background-size: 0 1px }
.item:active .sil-tile__square:after, .item:active .sil-tile__square:before, .item:focus .sil-tile__square:after,.item:focus .sil-tile__square:before,.item:hover .sil-tile__square:after,.item:hover .sil-tile__square:before { visibility: visible; }
.item:active .sil-tile__square:before,.item:focus .sil-tile__square:before,.item:hover .sil-tile__square:before { width: 50%; height: 100%; transition: width .1s linear 0s, height .1s linear .1s; }
.item:active .sil-tile__square:after, .item:focus .sil-tile__square:after,.item:hover .sil-tile__square:after { width: 100%; height: 100%; transition: visibility 0s .2s,width .1s linear .2s,height .1s linear .3s,background-size .1s linear .4s; background-size: 51% 1px;}
.iyoushi-bd .swiper-slide.on .xh{color:#fff;}
.iyoushi-bd .swiper-slide.on:after{opacity: 1}
.iyoushi-bd .swiper-slide.on .bg{opacity: 1}
.iyoushi-bd .swiper-slide.on .box{top:90px;}
.iyoushi-bd .swiper-slide.on .box i{color:#fff;}
.iyoushi-bd .swiper-slide.on .box b{color:#fff;}
.iyoushi-bd .swiper-slide.on .box span{background:#fff;}
.iyoushi-bd .swiper-slide.on .box p{color:#fff;}
.iyoushi-bd .next,.iyoushi-bd .prev{width:35px;height: 68px;background: var(--zhu-color);color:#fff;position: absolute;top:40%;z-index: 2;text-align: center;line-height: 68px;cursor: pointer;opacity: 0.4;transition: all .5s}
.iyoushi-bd .next i,.iyoushi-bd .prev i{font-size: 30px;}
.iyoushi-bd .next{left:0;}
.iyoushi-bd .prev{right:0;}
.iyoushi-bd .next:hover,.iyoushi-bd .prev:hover{opacity: 1}
.iyoushi .pagination{width:100%;text-align: center;padding-top: 30px;display: block;}
.iyoushi .pagination .swiper-pagination-bullet{width:20px;height: 20px;transition: all .5s;border:solid 1px #000;position: relative;background: none;opacity: 0.5}
.iyoushi .pagination .swiper-pagination-bullet:after{content:'';width:14px;height:14px;position: absolute;left:2px;top:2px;background: #000;border-radius: 50%;}
.iyoushi .pagination .swiper-pagination-bullet-active{border-color: var(--zhu-color);opacity: 1}
.iyoushi .pagination .swiper-pagination-bullet-active:after{background:var(--zhu-color);}
@media(max-width: 1400px){
	.iyoushi-bd{height: 650px}
	.iyoushi-bd .item{padding:20px;}
	.iyoushi-bd .swiper-slide{padding:20px;}
	.iyoushi-bd .swiper-slide:hover .box,.iyoushi-bd .swiper-slide.on .box{top:60px;}

}
@media(max-width: 576px){
	.iyoushi-bd{height: 470px}
	.iyoushi-bd .item .box b{font-size: 24px}
	.iyoushi-bd .swiper-slide{border-right:solid 1px #ddd;}
	.iyoushi-bd .swiper-slide:nth-child(1){border-left:solid 1px #ddd;}
	.iyoushi-bd .swiper-slide:hover .box,.iyoushi-bd .swiper-slide.on .box{top:30px;}
	.iyoushi-bd .swiper-slide-active .xh{color:#fff;}
	.iyoushi-bd .swiper-slide-active:after{opacity: 1}
	.iyoushi-bd .swiper-slide-active .bg{opacity: 1}
	.iyoushi-bd .swiper-slide-active .box{top:30px;}
	.iyoushi-bd .swiper-slide-active .box i{color:#fff;}
	.iyoushi-bd .swiper-slide-active .box b{color:#fff;}
	.iyoushi-bd .swiper-slide-active .box span{background:#fff;}
	.iyoushi-bd .swiper-slide-active .box p{color:#fff;}
	.iyoushi-bd .item .box i{margin:5px 0;}
	.iyoushi-bd .item .box span{margin:15px auto;}
}



