﻿.margin_b50{margin-bottom: 50px;}
.margin_b60{margin-bottom: 60px;}
.margin_b70{margin-bottom: 70px;}
.padd_bt100{padding: 100px 0;}
@media only screen and (max-width:1440px) {
.padd_bt100{padding: 70px 0;}
.margin_b70{margin-bottom: 50px;}
.margin_b60{margin-bottom: 50px;}
}
@media only screen and (max-width:1024px) {
.margin_b50,.margin_b70,.margin_b60{margin-bottom: 30px;}
.padd_bt100{padding: 50px 0;}
}

@media only screen and (max-width:767px) {
.margin_b50,.margin_b70,.margin_b60{margin-bottom: 20px;}
.padd_bt100{padding: 30px 0;}
}

input,button,textarea{border: none;outline: none;background: none;}
.cover{background-size: 100% ;background-position:top center; background-size: cover;    background-repeat: no-repeat;}
.gray,.gray a{color: #707070;}
.blank_40{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);}
.blank_60{position: fixed;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);}

.banner_index li {
position: relative;
background-size: 100% ;background-position:top center; background-size: cover;    background-repeat: no-repeat;
}
		
.banner_index li img {
width: 100%;
}
		
.banner_index li video {
position: absolute;
width: 100%;height: 100%;
left: 0px;
top: 0;
object-fit: cover;
}

.banner_text{color: #fff;width: 100%;top:47%;}
.banner_text h2,.banner_text p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.banner_text h2{font-size: 62px;line-height: 70px;margin-bottom: 20px;}
.banner_more{padding-top: 60px;}
.banner_more a{display: inline-block;width:228px;height: 46px;line-height: 46px;text-align: center;color: #fff;background: #2787ed;border-radius: 6px;}

.banner_text h2,.banner_text p,.banner_text .banner_more{
	width: 100%;opacity: 0;visibility:hidden;
	transition:all 1.6s;-webkit-transition:all 1.6s;-moz-transition:all 1.6s;-o-transition:all 1.6s;-ms-transition:all 1.6s;
}
.banner_text h2{
	-webkit-transform: translateY(-40px); -moz-transform: translateY(-40px);-o-transform: translateY(-40px);-ms-transform: translateY(-40px);transform: translateY(-40px);
}
.banner_text p,.banner_text .banner_more{
	-webkit-transform: translateY(40px); -moz-transform: translateY(40px);-o-transform: translateY(40px);-ms-transform: translateY(40px);transform: translateY(40px);
}


.banner li.swiper-slide-active .banner_text h2,.banner li.swiper-slide-active .banner_text p,.banner li.swiper-slide-active .banner_text .banner_more{
	visibility: visible;opacity: 1;
	-webkit-transform: translateY(0px); -moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);
}

.but{display: none;}
.but div{text-align: center;width: 60px;height: 60px;line-height: 60px;text-align: center;background: none !important;font-size: 60px;color: #fff;margin-top: -30px;}

 
.banner.cur .banner_text h2,.banner.cur .banner_text p,.banner.cur .banner_text .banner_more{
	visibility: visible;opacity: 1;
	-webkit-transform: translateY(0px); -moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);
}

@media only screen and (max-width:1660px) {
.banner_text h2{font-size: 56px;line-height: 66px;}
.banner_more{padding-top: 40px;}
.but .swiper-button-prev{left: 0;}
.but .swiper-button-next{right: 0;}
}
@media only screen and (max-width:1440px) {
.banner_text h2{font-size: 44px;line-height: 56px;}
.banner_more{padding-top: 30px;}
.banner_more a{width: 190px;}
}

@media only screen and (max-width:1024px) {
.banner_text{top:50%;}
.banner_text .wrap{box-sizing:border-box;padding: 0 40px;}
.banner_text h2{font-size: 24px;line-height: 30px;margin-bottom: 10px;}
.banner_more{padding-top: 20px;}
.banner_more a{width: 120px;height: 36px;line-height: 36px}
.but div{font-size: 40px;}
}

@media only screen and (max-width:767px) {
.banner_index li{height: 180px !important;}
.banner_index li img{display: none;}
.banner_text h2{font-size: 18px;line-height: 28px;margin-bottom: 5px;}
.banner_more{padding-top: 10px;}
.banner_more a{width: 100px;}
.but div{font-size: 30px;width: 35px;}
}









.index_block_3{background: url(../images/indx_bg_03.jpg) no-repeat;background-size: cover;padding:125px 0 140px 0;}
.index_04{margin-bottom: 140px;}
.index_04 .wrap{position: relative;    border-radius: 6px; overflow: hidden;}
.index_04 em,.index_04 p{color:#fff;z-index: 2;}
.index_04 em{font-size: 96px;top:48%;}
.index_04 p{position: absolute;left: 0;bottom:16%;width: 100%;text-align: center;letter-spacing: 20px;}

.index_title{text-align: center;margin-bottom: 80px;}
.index_05 .index_title{text-align: left;margin-bottom: 0;}
.index_05 .wrap{overflow: hidden;}
.index_05 .left{float: left;width: calc(100% - 760px)}
.index_05 .right{float: right;width: 735px;}
.index_05 .right ul{overflow: hidden;margin: 0 -10px}
.index_05 .right li{float: left;max-width:230px;text-align: center;margin-left: 30px;margin-bottom: 30px;}
/*.index_05 .right li:nth-child(2n+1){clear: both;margin-left: 0;}*/
.index_05 .right li:first-child{margin-left: 0;}
.index_05 .right li dl{padding: 0 10px;}
.index_05 .right li dt{color: #314c93;line-height: 58px;height: 58px;margin-bottom: 10px;}
.index_05 .right li span{font-size: 50px;}
.index_05 .right li em,.index_05 .right li i{font-weight: bold;}


.index_06{overflow: hidden;}
.index_06 .wrap{overflow: hidden;}
.index_06 .left,.index_06 .right{padding-top: 40px;border-top: 1px solid #333333;}
.index_06 .left{float: left;width: 67.7%;}
.index_06 .right{float: right;width: 29.5%;}
.index_06 p{-webkit-line-clamp: 2;max-height: 48px;}

.index_news{overflow: hidden;}
.index_news dl{overflow: hidden;}
.index_news h3{margin-bottom: 15px;}
.index_news .index_le{float: left;width:47%;}
.index_news .index_le dt{margin-bottom: 20px;border-radius: 12px;}
.index_news .index_re{float: right;width: 49.7%;}
.index_news .index_re h3{max-height: 60px;-webkit-line-clamp: 2;}
.index_re dl{overflow: hidden;margin-bottom: 40px;}
.index_re dt{width: 213px;float: left;border-radius: 6px;}
.index_re dd{width: calc(100% - 225px);float: right;}

.index_06 .right{float: right;width: 29.5%;}
.index_06 .right dt{margin-bottom: 30px;border-radius: 12px;}
.index_06 .right h3{border-bottom: 1px dashed #bfbfbf;padding-bottom:10px;margin-bottom: 20px;}

.index_title3{margin-bottom: 20px;}
.index_07{overflow: hidden;}
.index_notice ul{overflow: hidden;margin: 0 -90px;}
.index_notice li{float:left;width: 50%;box-sizing:border-box;border-right:1px dotted #bfbfbf;line-height: 34px;}
.index_notice li p{padding: 0 90px;}
.index_notice li:nth-child(2n){border: 0;}


.index_03{background: url(../images/indx_bg_02.jpg) no-repeat;background-size: cover;padding:125px 0 140px 0;overflow: hidden;}

.index_plan li p{
display: -webkit-box;line-height: 24px;
  overflow: hidden;	
  -webkit-box-orient: vertical;
}
.index_plan ul{overflow:hidden;margin: 0 -10px;}
.index_plan li dl{background:#fff;border-radius: 10px;margin: 0 10px;padding:60px 30px;padding-bottom: 50px;}
.index_plan dt{width: 60px;height: 60px;margin-bottom: 20px;position: relative;overflow: hidden;}
.index_plan dt img{width: 100%;height: 100%;}


.index_plan dt img{width: 100%;height: 100%;}
.index_plan h3{color: #434343; margin-bottom: 20px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


.index_plan01{margin-bottom: 20px;}
.index_plan01 li{float: left;width: 25%;}
.index_plan01 li a{transition:all 0s;-webkit-transition:all 0s;-moz-transition:all 0s;-o-transition:all 0s;-ms-transition:all 0s;}
.index_plan01 li dl{padding:40px 30px;padding-top: 35px;box-sizing:border-box;height: 268px;}



.index_plan02 li{float: left;width: 20%;}

.index_plan01 li p{max-height: 48px;
  -webkit-line-clamp: 2;
  
}
.index_plan02 li p{height: 72px;
  -webkit-line-clamp: 3;
}

.index_plan02 dt img{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;
position: absolute;top:0;left: 0;
}
.index_plan02 dt .img_01{top:0; }
.index_plan02 dt .img_02{top:100%;}

.index_block_1{background:url(../images/indx_bg_01.jpg) no-repeat;background-size:cover;}
.index_01 .wrap_1562{width: 1562px; height: 240px; margin:auto;max-width: 90%; background:url(../images/index_tab_bg02.png) no-repeat;background-size: 100% 100%;position: relative;z-index: 2;margin-top: -50px;}
.index_01.state_1 .wrap_1562{ background:url(../images/index_tab_bg01.png) no-repeat;background-size: 100% 100%;}
.index_01.state_2 .wrap_1562{ background:url(../images/index_tab_bg02.png) no-repeat;background-size: 100% 100%;}
.index_01.state_3 .wrap_1562{ background:url(../images/index_tab_bg03.png) no-repeat;background-size: 100% 100%;}

.index_01{margin-bottom: 80px;}
.index_01 ul{overflow: hidden;padding: 0 3.8%;}
.index_01 li{width: 33.33%;text-align: center;float: left;}
.index_01 dl{padding: 25px 40px;}
.index_01 dt{width: 52px;height: 52px;margin: auto;margin-bottom: 15px;overflow: hidden;border-radius: 14px;}
.index_01 dt img{width: 100%;height: 100%;}
.index_01 dd h3{margin-bottom: 5px;}
.index_01 dd h3{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.index_01 dd p{line-height: 20px;height: 40px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}


.index_top li{text-align: center;}

.index_02 .swiper-button-prev,.index_02 .swiper-button-next{
	width: 78px;height: 78px; line-height: 78px; margin-top: -39px; text-align: center;background:#fff !important;border-radius: 50%;color: #3c93ef;font-size: 20px;
	box-shadow: 0 0 10px rgba(0,0,0,0.4);
}
.index_02 .swiper-button-prev{ left:50px;  }
.index_02 .swiper-button-next{  right:50px; }
.index_02 .swiper-button-prev.swiper-button-disabled,.index_02 .swiper-button-next.swiper-button-disabled{cursor: pointer; pointer-events:inherit!important; opacity: 1;}
.index_02 .swiper-button-prev.disabled{ cursor: default; opacity: 0.6;}
.index_02 .swiper-button-next.disabled{ cursor: default; opacity: 0.6;}

.index_02{position: relative;}
.index_02 dl{padding: 35px 10px;padding-bottom: 5px; cursor: pointer;}
.index_02 dt{width: 83px;height: 83px;background: #a6bfed;border-radius: 20px;margin: auto;margin-bottom: 15px;}
.index_02 dt img{width: 100%;height: 100%;}
.index_02 dd{line-height:30px;height: 60px;}
.index_02 li.on dl{background: #fff;}
.index_02 li.on dt{background: #314c93;}

.index_block_2{padding: 45px 0;padding-bottom: 90px;background: url(../images/index_bg3.jpg) no-repeat;background-size: 100%;}
.index_block_2 dl{overflow: hidden;}
.index_block_2 dt{float: right;width: 53%;}
.index_block_2 dt img{width: 100%;}
.index_block_2 dd{float: left;width: 40%;padding-top: 100px;}
.index_block_2 h3{margin-bottom: 30px;}
.index_block_2 p{margin-bottom: 70px;}
.index_btn{overflow: hidden;}
.index_btn a{float: left;height: 46px;line-height: 46px;border-radius: 5px;text-align: center;}
.index_btn1{background: #2787ed;color: #fff;width: 228px;}
.index_btn2{margin-left: 20px;width: 147px;}
.index_btn2 img{width: 100%;}
@media only screen and (max-width:1800px) {
.index_02 .swiper-button-prev{ left:10px;  }
.index_02 .swiper-button-next{ right:10px; }
.index_02 .swiper-button-prev,.index_02 .swiper-button-next{width: 60px;height: 60px;line-height: 60px; margin-top: -30px;}
}
@media only screen and (max-width:1440px) {
.index_06 .right dt{margin-bottom: 20px;}
.index_06 .right h3{margin-bottom: 15px;}

.index_re dt{width: 180px;}
.index_re dd{width: calc(100% - 200px)}
.index_news h3{margin-bottom: 5px;}
.index_re dl{margin-bottom: 30px;}

.index_block_3,.index_03{padding: 70px 0}
.index_04{margin-bottom: 70px;}
.index_04 em{font-size: 70px;}
.index_05 .right li span{font-size: 52px;}

.index_plan li dl{padding: 50px 30px;}
.index_plan01 li dl{padding: 40px 30px;}
.index_plan h3{margin-bottom: 10px;}
.index_plan01 li dl{height: 250px;}
.index_title{margin-bottom:50px;}
.index_title .fnt_48{font-size: 36px;}
.index_02{padding: 0 30px;}

.index_top {font-size: 16px;}
.index_02 dd{line-height: 24px;height: 48px}
.index_block_2 dd{padding-top: 60px;}
.index_block_2 p{margin-bottom: 50px;}
}
@media only screen and (max-width:1366px) {
.index_05 .right li{margin-left: 30px;}
.index_05 .right li span{font-size: 44px;}
.index_05 .right{width: 650px;}
.index_05 .left{width: calc(100% - 700px)}
.index_btn a.index_btn1{width: 150px;}
}
@media only screen and (max-width:1280px) {
.index_top {font-size: 14px;}
.index_02 dd{line-height: 20px;height: 40px}
}
@media only screen and (max-width:1260px) {

.index_re dt{width: 140px;}
.index_re dd{width: calc(100% - 160px)}

}



@media only screen and (max-width:1024px) {
.index_news h3,.index_news .index_re h3,.index_06 .right h3{line-height: 24px; max-height: 48px;margin-bottom: 10px;-webkit-  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
      display: -webkit-box;

}
.index_06 .left,.index_06 .right,.index_news .index_le,.index_news .index_re{float: none;width: 100%}
.index_06 .left{padding: 30px 0;}
.index_06 .right{padding-top: 30px;}
.index_news .index_le dt,.index_06 .right dt{margin: 0;}
.index_re dt,.index_news .index_le dt,.index_06 .right dt{width: 213px;float: left;    border-radius: 10px;}
.index_re dd,.index_news .index_le dd,.index_06 .right dd{width: calc(100% - 230px);float: right;}

.index_06 .right h3,.index_news h3{border: 0;padding: 0;}
.index_re dl,.index_news .index_le{margin-bottom: 20px;}
.index_re dl:last-child{margin-bottom: 0;}
.index_notice li p{padding: 0 30px;}
.index_notice ul{margin: 0 -30px;}

.index_05 .left,.index_05 .right{float: none;width: 100%;}
.index_block_3,.index_03{padding: 50px 0}
.index_04{margin-bottom: 30px;}
.index_04 em{font-size: 50px;}
.index_05 .right li span{font-size: 44px;}
.index_05 .right li{margin-left: 0;width: 25%;}
.index_05 .index_title{margin-bottom: 20px;}
.index_title{margin-bottom: 30px;}
.index_plan li dl{height: auto;padding: 20px;}
.index_plan dt{margin-bottom: 10px;}

.index_plan ul{margin: 0 -5px;}
.index_plan li dl{margin: 0 5px;}
.index_plan01{margin-bottom: 10px;}
.index_plan h3{margin-bottom: 5px;}
.index_plan dt{width: 50px;height: 50px;}

.index_01 .wrap_1562{max-width:100%;    background: url(../images/index_tab_bg2.png) no-repeat;
    background-size: 100% 100%;}
.index_01 .wrap_1562{margin-bottom: 0;margin-top: 0;}
.index_01 dt{width: 40px;height: 40px;}
.index_01 .wrap_1562{height: 220px;}
.index_01{margin-top: 0;}

.index_block_2 dd{padding-top: 0px;width: calc(100% - 400px)}
.index_block_2 p{margin-bottom: 30px;}
.index_block_2 h3{margin-bottom: 10px;}
.index_block_2 dt{width: 370px;}
.index_block_2{padding-bottom: 50px;}
.index_02 dl{padding: 20px 10px;padding-bottom: 5px;}
.index_02 dt{width: 60px;height: 60px}
.index_01{margin-bottom: 50px;}
.index_btn a.index_btn1{width: 120px;}
}

@media only screen and (max-width:767px) {
.index_re dt,.index_news .index_le dt,.index_06 .right dt,.index_re dd,.index_news .index_le dd,.index_06 .right dd{float: none;width: 100%;}
.index_re dt,.index_news .index_le dt,.index_06 .right dt{margin-bottom: 10px;}
.index_06 .left{padding:20px 0;}
.index_06 .right{padding-top: 20px;}
.index_05 .right li span{font-size: 24px;}
.index_05 .right li dt{height: 30px;line-height: 30px;}
.index_05 .right li em{font-size: 14px;}
.index_05 .right li{width: 50%;margin-bottom: 20px;}
.index_05 .right li:nth-child(2n+1){clear: both;}
.index_block_3,.index_03{padding: 20px 0;padding-bottom: 0;}
.index_04 p{font-size: 14px;letter-spacing: 2px;bottom: 10px;}
.index_04 em{font-size: 30px;top:40%;}
.index_04{margin-bottom: 20px;}
.index_news h3, .index_news .index_re h3, .index_06 .right h3{margin-bottom: 5px;}
.index_title{margin-bottom: 20px;}

.index_plan li{float: none;width: 100%;margin-bottom: 20px;}
.index_plan02 li p{height: auto;}
.index_plan01{margin-bottom: 0;}
.index_plan ul{margin:0;}
.index_plan li dl{margin: 0;}
.index_01 .wrap_1562{background: none;}
.index_01 ul{padding: 0 3%;background: #d2e1f7;}
.index_01 .wrap_1562{height: auto;}
.index_01 li{float: none;width: 100%;}
.index_01 dl{padding: 20px 0;border-bottom: 1px solid rgba(255,255,255,0.5)}
.index_01 li:last-child dl{border:0;}
.index_01 dd h3{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.index_01 dd p{line-height: 20px;height: 40px;display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}

.index_01{margin-bottom: 20px;}
.index_block_2 dt,.index_block_2 dd{float: none;width: 100%;}
.index_block_2 dt{margin-bottom: 20px;}
.index_btn a{margin-left: 10px;}
.index_block_2 p{margin-bottom: 20px;}
.index_block_2{padding: 30px 0;}
.index_title h2{margin-bottom: 5px;font-weight: bold;}
.index_05 .index_title{text-align: center;}
.index_title3 h2{text-align: center;font-weight: bold;}
.index_02 dt{width: 50px;height: 50px;margin-bottom: 10px;}
.index_02 .swiper-button-prev,.index_02 .swiper-button-next{width: 30px;height: 30px;line-height: 30px; margin-top: -15px;}
.index_02 .swiper-button-prev i{margin-right: 2px;}
.index_02 .swiper-button-next i{margin-left: 2px;}
.index_02{padding: 0 40px;}

.index_01 dd p{height: auto;-webkit-line-clamp:inherit;}
}


@media only screen and (min-width:1025px) {
/*.index_plan dl{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}*/
.banner_more a:hover{color: #fff !important;opacity: 0.8;}
.index_news .index_le h3,.index_06 .right h3{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.index_plan02 dl:hover{/*background: #a6bfed;*/color: #fff;background: url(../images/index_plan_bg.png) no-repeat;background-size: cover;}
.index_plan dl:hover,.index_plan dl:hover p{color: #fff!important;}
.index_plan dl:hover h3{color: #fff!important;}
.index_plan02 dl:hover dt .img_01{top:100%; }
.index_plan02 dl:hover dt .img_02{top:0%;}
.index_plan01 dl:hover{background: url(../images/index_plan_bg.png) no-repeat;background-size: cover;}

.index_plan01 dl dt,.index_plan01 dl dd{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.index_plan01 dl:hover dt{visibility: hidden;opacity: 0;
	-webkit-transform: translateY(-80px); -moz-transform: translateY(-80px);-o-transform: translateY(-80px);-ms-transform: translateY(-80px);transform: translateY(-80px);
}
.index_plan01 dl:hover dd{
	-webkit-transform: translateY(-70px); -moz-transform: translateY(-70px);-o-transform: translateY(-70px);-ms-transform: translateY(-70px);transform: translateY(-70px);
}
.index_plan01 dl:hover dd p{max-height: 120px;-webkit-line-clamp: 5;}
.index_btn a:hover{color: #fff !important;opacity: 0.8;}





/*2021-12-11*/
.index_plan02 li dl{height: 325px;    box-sizing: border-box;}
.index_plan02 dl dt,.index_plan02 dl dd{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.index_plan02 dl:hover dt{visibility: hidden;opacity: 0;
	-webkit-transform: translateY(-80px); -moz-transform: translateY(-80px);-o-transform: translateY(-80px);-ms-transform: translateY(-80px);transform: translateY(-80px);
}
.index_plan02 dl:hover dd{
	-webkit-transform: translateY(-90px); -moz-transform: translateY(-90px);-o-transform: translateY(-90px);-ms-transform: translateY(-90px);transform: translateY(-90px);
}
.index_plan02 dl:hover dd p{height: 168px;-webkit-line-clamp: 7;}



}

/*ofd*/
.nomargin .footer{margin-top: 0;}
.ofd_01{padding: 100px 0 120px 0;}
.ofd_title{text-align: center;margin-bottom: 60px;}

.ofd_form{width: 490px;max-width: 100%; margin: auto;}
.ofd_form input{padding:0 30px; box-sizing:border-box;border:1px solid #d6d6d6;width: 100%;box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);}
.ofd_form input,.code_box .code img,.code_box .code span{height: 46px;line-height: 46px;}
.ofd_form li{margin-bottom: 30px;}

.code_box input{width: calc(100% - 200px) !important;float: left;}
.code_box .code{float: right;width:190px; }
.code_box .code img{width: 130px;float: left;cursor: pointer;}
.code_box .code span{text-align: center;font-size: 22px; float: right;cursor: pointer;width:46px;float: right;background: #314c93;color: #fff;}
.ofd_a{text-align: center;padding-top: 40px;    clear: both;}
.ofd_a a,.ofd_a button{display: inline-block;width: 200px;height: 50px;line-height: 50px;text-align: center;background: #289dd9;color: #fff;border-radius: 30px;}

.ofd_text{color: #434343;text-align: center;line-height: 26px;padding-top: 30px;}
.ofd_02{background: #eaedf5;padding: 55px 0;}
.ofd_02 ul{overflow: hidden;}
.ofd_02 li{float: left;width: 33.33%;text-align: center;}
.ofd_02 dl{padding: 20px 10px;border-right: 1px solid #d2d5dc;min-height: 180px;box-sizing:border-box;}
.ofd_02 dt{font-size: 50px;margin-bottom: 10px;}

.ofd_02 li:last-child dl{border:0;}

.result_cont .ofd_form li{height: 44px;line-height: 44px;    box-shadow: 0 0 5px rgb(0 0 0 / 20%);    border: 1px solid #d6d6d6;    box-sizing: border-box;padding: 0 30px;}
.result_cont .ofd_form span{float: left;}
.result_cont .ofd_form p{float: left;}
.result_cont .ofd_form .look_a{padding: 0;border: 0;}
.result_cont .ofd_form .look_a a{display: block;background: #289dd9;color: #fff;text-align: center;}

@media only screen and (max-width:1440px) {
.ofd_01{padding: 80px 0;}
.ofd_title{margin-bottom: 40px;}
.ofd_a{padding-top: 20px;}
.ofd_02 dt{font-size: 44px;}
}
@media only screen and (max-width:1024px) {
.ofd_01{padding: 50px 0;}
.ofd_02 dt{font-size: 30px;}
.ofd_02 dl{min-height: 144px;}
.ofd_form li{margin-bottom: 20px;}
.ofd_form input,.result_cont .ofd_form li{padding: 0 20px;}
.ofd_02{padding: 40px 0;}
}
@media only screen and (max-width:767px) {
.ofd_01{padding: 30px 0;}
.ofd_02{padding: 20px 0;}
.ofd_form li{margin-bottom: 10px;}
.ofd_title{margin-bottom: 20px;}
.ofd_a a,.ofd_a button{width: 140px;height: 40px;line-height: 40px;}
.ofd_form input,.result_cont .ofd_form li{padding: 0 10px;}
.ofd_text{text-align: left;}
.code_box input{width: calc(100% - 170px) !important;}
.code_box .code{width: 160px;}
.code_box .code img{width: 108px;}
.ofd_02 dt{font-size: 24px;}
.ofd_02 li{float:none;width: 100%;padding: 20px 0;border-bottom: 1px solid #d2d5dc;}
.ofd_02 li dl{border: 0;padding: 0;min-height: inherit;}
.ofd_02 li:last-child{border:0;}
.index_plan01 li p,.index_plan02 li p{height: auto;max-height:inherit;    -webkit-line-clamp: inherit;}
.index_01 dd p{height: auto;max-height:inherit;}

}

/*服务与支持*/
.s_tite{text-align: center;}
.dl_02 dd{line-height: 32px;}

.service_list ul{overflow: hidden;}
.service_list li{float: left;width: 25%;box-sizing:border-box;border-right:1px solid #cfd1d3;}
.service_list li:last-child{border: 0;}
.service_insert{margin: 0 6px;padding-top: 90px;position: relative;height: 348px;box-sizing:border-box;}

.dl_01{text-align: center;}
.dl_01 dt{margin-bottom:20px;}
.dl_01 dt img{width: 90px;height: 90px;}
.dl_02{display: block;position: absolute;top:0;left:0;width: 100%;height: 100%;background: url(../images/service_bg_01.jpg) no-repeat;background-size: 100% 100%;color: #fff;box-sizing:border-box;padding: 80px 35px;}
.dl_02 dd{height: 96px;overflow: hidden;text-align: center;}
.dl_02 h3{text-align: center;line-height: 40px;}
.dl_02 h3 i{width: 36px;height: 2px;background: #fff;margin:20px auto;display: block;}

.dl_02{
	transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;
	visibility: hidden;opacity: 0;transform:scale(0.8,0.8); -webkit-transform:scale(0.8,0.8);-moz-:scale(0.8,0.8);-o-transform:scale(0.8,0.8);-ms-transform:scale(0.8,0.8);}

.service_02{background:#dee4f0 url(../images/service_bg_02.jpg) no-repeat;background-size: cover;}
.service_contact ul{overflow: hidden;box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);}
.service_contact li{float: left;width: 50%;}
.service_contact dl{overflow: hidden; background: #e0e9f7;padding:85px 40px 40px 170px;box-sizing:border-box;height: 260px;}
.service_contact dt{width: 84px;height: 84px; line-height: 84px;border-radius: 10px;font-size: 36px; background: #314c93;color: #fff;text-align: center;float: left;}
.service_contact dd{width: calc(100% - 110px);float: right;padding-top: 10px;}
.service_contact dd h3,.service_contact dd h3 a{color:#707070;}

.service_contact li:nth-child(2) dl,.service_contact li:nth-child(3) dl{background:#f2f4f7;}
.service_contact li:nth-child(2) dt,.service_contact li:nth-child(3) dt{background:#a6bfed;}

.service_down ul{margin: 0 -13px;}
.service_down li{float: left;width: 25%;}
.service_down dl{overflow: hidden;box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);padding: 27px 35px; height: 160px;box-sizing:border-box;margin: 0 13px;border-radius: 8px; }
.service_down dt{float: left;overflow: hidden;min-height: 50px; line-height: 50px;margin-top: 25px;
width: calc(100% - 110px)
}
.service_down dt span,.service_down dt h3{float: left;}
.service_down dt span{width: 35px;height: 35px; font-size: 35px; margin-right: 15px; color: #289dd9;}
.service_down dt h3{width: calc(100% - 50px);line-height: 24px;margin-top: 14px;}
.service_down dd{float: right;width: 104px;height: 104px;line-height: 104px; overflow: hidden;position: relative;}
.service_icon,.service_img{position: absolute;top:0;right: 0;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.service_icon{color: #bebebe;font-size: 26px;float: right;}
.service_img{width:100%;height:100%;top:100%;visibility: hidden;opacity:0;}
.service_img img{width: 100%;height: 100%;}
.service_img a{color: #fff;display: block;font-size: 80px;text-align: right;}

.service_insert:hover .dl_02{visibility: visible;opacity: 1;transform:scale(1,1); -webkit-transform:scale(1,1);-moz-:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);}





.service_04{padding: 80px 0 120px 0;overflow: hidden;background: #efefef;}

.service_form{width: 1125px;max-width: 96%;margin: auto;}
.service_form ul{margin: 0 -40px;}
.service_form li{float: left;width: 50%;line-height: 44px;margin-bottom: 30px;}
.service_form .form_w{padding: 0 40px;display: table;width: 100%;box-sizing:border-box;}
.service_form span{float: left;width: 95px;}
.service_form .service_input{float: right;width:calc(100% - 95px);position: relative;}
.service_form .service_input>i{color: #299cdb;line-height: 20px;position: absolute;top:0;right: -20px;}
.service_form input{width: 100%;box-sizing:border-box;height: 46px; line-height: 46px;padding: 0 15px;background: #fff;box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);border-radius: 4px;}
.service_form li.li_100{float:none;width: 100%;height: 140px;clear: both;}
.service_form textarea{width: 100%;box-sizing:border-box;padding: 15px;height: 140px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);background: #fff;}

@media only screen and (max-width:1440px) {
.service_04{padding:80px 0;}
.service_down dl{padding: 20px;height: 130px;}
.service_down dd{width: 90px;height: 90px;}
.service_down dt{width: calc(100% - 95px);}
.service_contact dl{padding-left: 100px;}
.service_insert{height: 310px;}
.service_insert{padding-top:70px;}
.dl_02{padding: 50px 20px;}
}
@media only screen and (max-width:1366px) {
.service_down dt h3{font-size: 14px;}
.service_contact dl{padding-left: 50px;}
}
@media only screen and (max-width:1180px) {
.service_form li.code_box{float: none;width: 100%;clear: both;}
}
@media only screen and (max-width:1024px) {
.service_04{padding:50px 0;}
.service_contact dl{padding: 30px;height: 145px;}
.service_contact dt{width: 70px;height: 70px;line-height: 70px;font-size: 24px;}
.service_contact dd{width: calc(100% - 90px);}
.service_down li{width: 50%;margin-bottom: 20px;}
.service_img a{font-size: 58px;}
.service_form li{margin-bottom: 20px;}
.service_form span{width: 80px;}
.service_form .service_input{    width: calc(100% - 80px);}
.service_form .service_input>i{right: -12px;}
.service_down dl{    box-shadow: 0 0 15px rgb(0 0 0 / 0%);background: url(../images/service_bg_03.jpg) no-repeat center center;background-size: 100% 100%;color: #fff;}

.service_down dl dt span{color: #fff;}
.service_down dl .service_icon{visibility:hidden;opacity: 0;top:100%;}
.service_down dl .service_img{visibility: visible;opacity: 1;top:0;}
.service_list li{width: 50%;margin-bottom: 20px;}
.service_insert{padding-top: 20px;height: 200px;}
.dl_02 h3 i{margin: 10px auto;}
.dl_02{padding: 30px 20px;}
.service_list li:nth-child(2n){border: 0;}
.dl_02 dd{line-height: 24px;height: 72px;}
}
@media only screen and (max-width:767px) {
.service_04{padding:30px 0;}
.service_form li{margin-bottom: 10px;float: none;width: 100%;}
.service_form .service_input,.service_form span{display: block;float: none;width: 100%;}
.service_form ul,.service_form .form_w{padding: 0;display: block;margin: 0;}
.service_form li.li_100{height: 130px;}
.service_form textarea{height: 100px;}
.service_form span{line-height: 24px;margin-bottom: 6px;}

.service_contact li{float: none;width: 100%;}
.service_contact li dl{background:#e0e9f7 !important;height: auto;padding:30px 20px;}
.service_contact li:nth-child(2n) dl{background:#f2f4f7 !important;}
.service_contact dt{width: 50px;height: 50px;line-height: 50px;}
.service_contact dd{padding-top: 0;width: calc(100% - 60px);}

.service_down li{float: none;width: 100%;    }
.service_down dl,.service_down ul{margin: 0;}
.service_list li{float: none;width: 100%;border-bottom: 1px solid #cfd1d3;padding: 20px 0;}
.service_insert,.service_list ul{margin: 0;}
.service_insert{padding-top: 0;height: auto;}
.dl_01 dt img{width: 50px;height: 50px;}
.dl_01 dt{margin-bottom: 10px;}
.dl_02{position: static;visibility: visible;opacity: 1;transform:scale(1,1); -webkit-transform:scale(1,1);-moz-:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);padding: 20px;}
.dl_02 dd{height: auto;}
.dl_02 h3 i{margin: 10px auto;}
.dl_01{margin-bottom: 10px;}
.service_list li:first-child{padding-top: 0;}
.service_list li:last-child{padding-bottom: 0;border:0;}
.service_down li{margin-bottom: 10px;}
}


@media only screen and (min-width:1025px) {
.ofd_a a:hover,.ofd_a button:hover,.result_cont .ofd_form .look_a a:hover{color:#fff !important;opacity: 0.8;}
.ofd_02 .tel_link{ color: #434343 !important;cursor: default;}
.service_contact dd h3 a.tel_link{color: #707070 !important;cursor: default;}
.service_img a:hover,.plate_a a:hover,.experience li dt a:hover{color: #fff !important;opacity: 0.8}

.service_down dl:hover{background: url(../images/service_bg_03.jpg) no-repeat center center;background-size: 100% 100%;color: #fff;}
.service_down dl:hover dt span{color: #fff;}
.service_down dl:hover .service_icon{visibility:hidden;opacity: 0;top:100%;}
.service_down dl:hover .service_img{visibility: visible;opacity: 1;top:0;}

}

/*数科阅读器*/
.section{position: relative;}
.plate_banner{height: 100vh;position: relative;}
.plate_banner>img{display: none;}
.plate_a a{display: inline-block;width: 250px;height: 46px;line-height: 46px;color: #fff;background: #289dd9;border-radius: 5px;text-align: center;}
.plate_a a i{ display: inline-block; margin-right:15px;}
.plate_ban_text{position: absolute;bottom:24%;left: 0;width: 100%;color: #fff;}
.banner_in{width: 600px;max-width: 100%;}
.banner_in h2{margin-bottom: 10px;}
.banner_in p{line-height: 36px;height: 144px;  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;}
.plate_a{padding-top:11%;}
.plate_banner_p{padding-top: 20px;clear: both;}

.plate_title{text-align: center;}
.plate_title h3{color: #000;}
.plate_title h3,.plate_title .p01{margin-bottom: 5px;}
.plate_out{position: absolute;top:70px;left: 0;width: 100%;z-index: 2;}
.pc_cont{margin-top: 80px;position: relative;}
.bg_img{width: 100%;}

.plate_type li img{width: 100%;}
.plate_type li{ position: absolute;overflow: hidden;border-radius: 50%;box-shadow: 0px 0px 20px rgb(216 229 253 / 40%);}
.plate_type li:nth-child(1){width: 100px;height: 100px;left: 0;bottom:14%;}
.plate_type li:nth-child(2){width: 132px;height: 132px;left: 16.25%;bottom:60%;}
.plate_type li:nth-child(3){width: 100px;height: 100px;left: 29%;bottom:45.34%;}
.plate_type li:nth-child(4){width: 170px;height: 170px;left: 44%;bottom:39%;box-shadow: 0px 0px 20px rgb(216 229 253 / 0%);}
.plate_type li:nth-child(5){width: 47px;height: 47px;left: 66.45%;bottom:54.77%;    box-shadow: 0px 0px 40px #6ebfff;}
.plate_type li:nth-child(6){width: 71px;height: 71px;right: 20.55%;bottom:20.83%; }
.plate_type li:nth-child(7){width: 177px;height: 177px;right:0%;bottom:62.99%;}

.plate_type_02{width: 77.2%;max-width: 100%;margin: auto;position: relative;margin-top: 250px;}
.plate_line{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.plate_type_limg01{width: 30.48%;position: absolute;top:22.18%;left: 34.74%}
.plate_type_limg02{width: 26.02%;position: absolute;bottom:11.09%;right:-17.8%;}
.plate_type_limg03{width: 19.87%;position: absolute;top:-28px;left:-17.8%;}


.plate_type_03{width: 92.15%;max-width: 100%;margin: auto; margin-top: 200px;    position: relative;}
.plate_sign_01{width: 54.55%;position:absolute;top:16.78%;left:50%;margin-left:-27.275%;}
.plate_sign_02{width: 9.11%;position:absolute;bottom:6.87%;left:19.14%;}
.plate_sign_03{width: 12.35%;position:absolute;bottom:17.05%;right:12.05%;}
.plate_sign_04{width: 24.94%;position:absolute;    top: 14%; left: 4.52%;box-shadow: 0px 5px 20px rgb(216 229 253);}
.plate_sign_05{width: 24.94%;position:absolute;    top: 35.7%;left: 4.38%;box-shadow: 0px 5px 20px rgb(216 229 253);}
.plate_sign_06{width: 24.94%;position:absolute;top: 27.7%; right: 4.35%;box-shadow: 0px 5px 20px rgb(216 229 253);}
.plate_bill{padding-top: 130px;margin-top: 170px; background: url(../images/plate_4_01.jpg) no-repeat center center;background-size: 100%;}
.plate_type_04{position: relative;width:69.16%;margin: auto;max-width: 100%;}
.plate_bill_01{width: 15.16%;position:absolute;top:13.12%;left:0;}
.plate_bill_02{width: 14.35%;position:absolute;top:16.48%;right:15px;}
.plate_bill_03{width: 6.7%;position:absolute;bottom:44.27%;left:-7%;border-radius: 50%;    box-shadow: 0px 0px 40px #6ebfff;overflow: hidden;}

.section7{background: url(../images/plate_6_bg.jpg) no-repeat 0 bottom;background-size: 100%;}
.plate_type_06{width: 92.66%;margin: auto;max-width: 100%; position: relative;margin-top: 160px;}
.plate_cloud_01{width: 49.74%;position:absolute;top:11.74%;left:27.8%;}
.plate_cloud_02{width: 24.65%;position:absolute;right:14.45%;bottom: 0;}
.plate_cloud_03{width: 35.62%;position:absolute;top:31.42%;left:11.05%;bottom: 0;}

.section8{background: url(../images/plate_7_01.jpg) no-repeat center center;background-size: 100%;}

.section8 h3{color: #434343;margin-bottom: 50px;text-align: center;}
.experience{width: 616px;margin: auto;}
.experience ul{margin: 0 -10px;}
.experience li{float: left;width: 50%;}
.experience li dl{margin: 0 10px;}
.experience li dt{margin-bottom: 22px}
.experience li dt a{display: block;height: 55px;line-height: 55px;text-align:center;color: #fff;background: #289dd9;border-radius:6px;overflow: hidden;}
.experience li dt i{margin-right: 14px;font-size: 26px;position: relative;top:2px;}
.experience li dd{line-height: 40px;}
.experience li.li02 dt a{background: url(../images/plate_btn.jpg) no-repeat;background-size: cover;}
.experience li.li02 dd{text-align: center;}
.experience li.li01 dd span{float: left;}
.experience li.li01 dd p{float: right;border-left: 1px solid #cccccc;padding-left: 4px;}
.experience li.li01 dd p em{cursor: pointer; float: left;font-size: 30px;color: #c1c5d0;margin-left:20px; position: relative;}
.experience li.li01 dd p em img{opacity: 0; position: absolute; left:0; top:100%; z-index: 100; width:120px; height: 120px;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all}
.experience li.li01 dd p em:hover img{ opacity: 1;}

@media only screen and (max-width:1660px) {
.plate_ban_text{bottom: 16%;}
.plate_a{padding-top:8%;}
.pc_cont{width: 70%;max-width: 100%;margin: auto;}
.plate_type_02{width: 50%;}
.plate_type_03{width: 80%;}
.plate_type_04{width: 55%;margin-top: 0;}
.plate_type_05{width: 80%;max-width: 100%; margin: auto;}
.plate_bill{margin-top: 0;}
.plate_type_06{width: 60%;}
.plate_type li:nth-child(7),.plate_type li:nth-child(4){width: 140px;height: 140px;}
.plate_type li:nth-child(2){width: 100px;height: 100px;}
.plate_type li:nth-child(3),.plate_type li:nth-child(1){width: 80px;height: 80px;}
}
@media only screen and (max-width:1440px) {
.banner_in{width: 410px;}
.plate_ban_text{bottom: 13%;}
.plate_out{top:40px;}
.pc_cont,.plate_type_02,.plate_type_03,.plate_type_06{margin-top: 160px;}
.plate_type_02,.plate_type_03,.plate_type_06{margin-top: 100px;}

.plate_bill{padding-top: 0;margin-top: 200px}


}
@media only screen and (max-width:1024px) {
.plate_banner{height: auto;}
.plate_banner>img{display: block;}
.plate_a{padding-top:20px;}
.banner_in p{line-height: 24px;max-height: 96px;height: auto; font-size: 16px;}
.plate_ban_text{bottom: 10%;}
.plate_banner_p{padding-top: 10px;}
.plate_a a{width: 150px;height: 40px;line-height: 40px;}

.plate_out{position: static;margin-bottom: 20px;}
.pc_cont, .plate_type_02, .plate_type_03, .plate_type_06,.plate_bill{margin-top: 0;}
.section{padding:20px 0;border-bottom: 1px dashed #ccc; }
.fp-auto-height,.sectiontop{padding: 0;border: 0;} 

.section8{border:0;padding-top: 50px ; }
.section8 h3{margin-bottom: 30px;}
.pc_cont,.plate_type_03{width: 100%;}
.plate_type_02{width: 60%;}
.plate_type_04,.plate_type_05,.plate_type_06{width: 70%;}
.experience li dt i{font-size: 16px;top:0;margin-right: 5px;}


}

@media only screen and (max-width:767px) {
.plate_banner{height: auto;padding: 30px 0;box-sizing:border-box;}
.plate_banner>img{display: none;}
.plate_ban_text{position: static;}
.banner_in p{font-size: 14px;}

.plate_type li:nth-child(7),.plate_type li:nth-child(4){width: 60px;height: 60px;}
.plate_type li:nth-child(2){width: 50px;height: 50px;}
.plate_type li:nth-child(3),.plate_type li:nth-child(1){width: 50px;height: 50px;}
.plate_type li:nth-child(6){width: 50px;height: 50px;}

.plate_type_02{width: 70%;}
.plate_type_limg03{top:0;}
.plate_bill_03{width: 50px;}
.plate_type_05,.plate_type_06{width: 100%;}

.experience{width: 100%;}
.experience li{float: none;width: 100%;margin-bottom: 20px;}
.experience li dl,.experience ul{margin: 0;}
.experience li.li01 dd p em{font-size: 28px;}
.experience li dt{margin-bottom: 10px;}
.experience li:last-child{margin-bottom: 0;}
.section8{background: none;}
}


@media only screen and (min-width:1025px) {
.section.active .plate_title h3{-webkit-animation-name: fadeInDown;
  	animation-name: fadeInDown;
  	-webkit-animation-duration: 0.6;
  	animation-duration: 0.6;}
.section.active .plate_title p{-webkit-animation-name: fadeInUp;
  	animation-name: fadeInUp;
  	-webkit-animation-duration: 0.6;
  	animation-duration: 0.6;}
 /*01	*/
.section1.active .banner_in h2,.section1.active .banner_in p{-webkit-animation-name: fadeInDown;
  	animation-name: fadeInDown;
  	-webkit-animation-duration: 0.6;
  	animation-duration: 0.6;}

.section1.active .banner_in .plate_a,.section1.active .banner_in .plate_banner_p,.section1.active .banner_in .banner_ex{-webkit-animation-name: fadeInUp;
  	animation-name: fadeInUp;
  	-webkit-animation-duration: 0.6;
  	animation-duration: 0.6;}

/*02*/
.section2.active .plate_type li,.bg_img{-webkit-animation-name: zoomIn;
  	animation-name: zoomIn;
  	-webkit-animation-duration: 0.6;
  	animation-duration: 0.6;}

.section2.active .plate_type li:nth-child(1){-webkit-animation-delay: 0.1s;animation-delay: 0.1s;}
.section2.active .plate_type li:nth-child(2){-webkit-animation-delay: 0.2s;animation-delay: 0.2s;}
.section2.active .plate_type li:nth-child(3){-webkit-animation-delay: 0.3s;animation-delay: 0.3s;}
.section2.active .plate_type li:nth-child(4){-webkit-animation-delay: 0.4s;animation-delay: 0.4s;}
.section2.active .plate_type li:nth-child(5){-webkit-animation-delay: 0.5s;animation-delay: 0.5s;}
.section2.active .plate_type li:nth-child(6){-webkit-animation-delay: 0.6s;animation-delay: 0.6s;}
.section2.active .plate_type li:nth-child(7){-webkit-animation-delay: 0.7s;animation-delay: 0.7s;}
/*03*/
.section3.active .bigimg{-webkit-animation-name: zoomIn;
  	animation-name: zoomIn;
  	-webkit-animation-duration: 0.6;
  	animation-duration: 0.6;
}
.section3.active .plate_type_limg01{-webkit-animation-name: zoomIn;
  	animation-name: zoomIn;
  	-webkit-animation-duration: 0.6;
  	animation-duration: 0.6;
  	-webkit-animation-delay: 0.4s;animation-delay: 0.4s;
}
.section3.active .plate_line{-webkit-animation-name: zoomIn;
  	animation-name: zoomIn;
  	-webkit-animation-duration: 0.6;
  	animation-duration: 0.6;
  	-webkit-animation-delay: 0.6s;animation-delay: 0.6s;
}
.section3.active .plate_type_limg02{-webkit-animation-name: zoomIn;
  	animation-name: zoomIn;
  	-webkit-animation-duration: 0.6;
  	animation-duration: 0.6;
  	-webkit-animation-delay: 0.8s;animation-delay: 0.8s;
}
.section3.active .plate_type_limg03{-webkit-animation-name: zoomIn;
  	animation-name: zoomIn;
  	-webkit-animation-duration: 0.6;
  	animation-duration: 0.6;
  	-webkit-animation-delay: 0.8s;animation-delay: 0.8s;
}

/*04*/
.section4.active .plate_sign_01{-webkit-animation-name: zoomIn;
  	animation-name: zoomIn;
  	-webkit-animation-duration: 0.6;
  	animation-duration: 0.6;}

.section4.active .plate_sign_02{-webkit-animation-name: fadeInUp;
  	animation-name: fadeInUp;
  	-webkit-animation-duration: 0.6;
  	animation-duration: 0.6;}
  	.section4.active .plate_sign_03{-webkit-animation-name: fadeInUp;
  	animation-name: fadeInUp;
  	-webkit-animation-duration: 0.6;
  	animation-duration: 0.6;}
.section4.active .plate_sign_04{-webkit-animation-name: fadeInLeft;
  	animation-name: fadeInLeft;
  	-webkit-animation-duration: 0.6;
  	animation-duration: 0.6;
  	-webkit-animation-delay: 0.2s;animation-delay: 0.2s;
  }
.section4.active .plate_sign_05{-webkit-animation-name: fadeInLeft;
  	animation-name: fadeInLeft;
  	-webkit-animation-duration: 0.6;
  	animation-duration: 0.6;
  	-webkit-animation-delay: 0.4s;animation-delay: 0.4s;
  }
  .section4.active .plate_sign_06{-webkit-animation-name: fadeInRight;
  	animation-name: fadeInRight;
  	-webkit-animation-duration: 0.6;
  	animation-duration: 0.6;
  	-webkit-animation-delay: 0.4s;animation-delay: 0.4s;
  }
/*05*/
.section5.active .bigimg{-webkit-animation-name: zoomIn;
  	animation-name: zoomIn;
  	-webkit-animation-duration: 0.6;
  	animation-duration: 0.6;
}
.section5.active .plate_bill_01{-webkit-animation-name: zoomIn;
  	animation-name: zoomIn;
  	-webkit-animation-duration: 0.6;
  	animation-duration: 0.6;
  	-webkit-animation-delay: 0.2s;animation-delay: 0.2s;
}
.section5.active .plate_bill_02{-webkit-animation-name: zoomIn;
  	animation-name: zoomIn;
  	-webkit-animation-duration: 0.6;
  	animation-duration: 0.6;
  	-webkit-animation-delay: 0.4s;animation-delay: 0.4s;
}

.section5.active .plate_bill_03{-webkit-animation-name: zoomIn;
  	animation-name: zoomIn;
  	-webkit-animation-duration: 0.6;
  	animation-duration: 0.6;
  	-webkit-animation-delay: 0.6s;animation-delay: 0.6s;
}
/*06*/
.section6.active .plate_type_05{-webkit-animation-name: fadeInUp;
  	animation-name: fadeInUp;
  	-webkit-animation-duration: 0.6;
  	animation-duration: 0.6;}
/*07*/
.section7.active .plate_cloud_01{-webkit-animation-name: zoomIn;
  	animation-name: zoomIn;
  	-webkit-animation-duration: 0.6;
  	animation-duration: 0.6;}
  	.section7.active .plate_cloud_02{-webkit-animation-name: zoomIn;
  	animation-name: zoomIn;
  	-webkit-animation-duration: 0.6;
  	animation-duration: 0.6;}
.section7.active .plate_cloud_03{-webkit-animation-name: fadeInLeft;
  	animation-name: fadeInLeft;
  	-webkit-animation-duration: 0.6;
  	animation-duration: 0.6;
  	-webkit-animation-delay: 0.4s;animation-delay: 0.4s;
  }
/*08*/
.section8.active h3{-webkit-animation-name: fadeInDown;
  	animation-name: fadeInDown;
  	-webkit-animation-duration: 0.6;
  	animation-duration: 0.6;
  }
.section8.active .li01{-webkit-animation-name: fadeInLeft;
  	animation-name: fadeInLeft;
  	-webkit-animation-duration: 0.6;
  	animation-duration: 0.6;
  }
  .section8.active .li02{-webkit-animation-name: fadeInRight;
  	animation-name: fadeInRight;
  	-webkit-animation-duration: 0.6;
  	animation-duration: 0.6;
  }



}


/*关于数科*/
.about_body .site_text{text-align: center;}
.about_body .site_text h2{font-size: 62px;}

.about_title{text-align: center;}
.about_title .title_line{width: 77px;height: 3px;background: #2787ed;margin:25px auto;margin-bottom: 35px;}
.about_01{padding: 90px 0;}
.about_flow ul{overflow: hidden;margin: 0 -11px;padding-top: 18px;}
.about_flow li{float:left;width: 25%;}
.about_insert{margin:0 11px;background: #eef0f0;position: relative;padding:70px 20px;padding-bottom: 0; text-align: center;}
.about_insert h4{width:118px;height: 36px;line-height: 36px; margin:auto; text-align: center;background: url(../images/about_bg_1.png) no-repeat;background-size:100% 100%;border-radius: 30px;color: #fff;
position: absolute;top:-18px;left: 50%;margin-left:-59px;}
.about_ic{width: 128px;height: 128px;margin: auto;overflow: hidden;}
.about_ic img{width: 100%;height: 100%;}
.about_ic img,.about_insert h3{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;color: #434343;}
.about_insert h3{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.about_text{text-align: center;}

.about_02{padding: 50px 0 80px 0;background:#eef0f0;}
.about_03{padding: 80px 0;}
.about_03 .wrap{overflow: hidden;}
.about_03 .left{float: left;}
.about_03 .right{float: right;width: calc(100% - 340px)}
.about_contact ul{overflow: hidden;margin: 0 -8px;}
.about_contact li{float: left;width: 33.33%;}
.about_liaison{background: #eef0f0;padding: 25px;padding-bottom: 20px;margin: 0 8px;border-radius: 10px;}
.about_liaison h2{margin-bottom: 80px;}
.about_liaison h3{text-align: right;}
.about_liaison h3 i{color: #51aede;font-size: 24px;margin-left: 8px;}
.about_liaison h3 i img{vertical-align: middle;width: 24px;height: 24px;}
.about_04{padding-top: 70px;background: url(../images/about_bg_3.jpg) no-repeat center top;background-size: 100%;}
.about_address_01 ul{overflow: hidden;margin: 0 -8px;}
.about_address_01 li{float: left;width: 25%;margin-bottom: 20px;}
.about_address_01 dl{margin: 0 8px;background:#edeff6;    border-radius: 0 20px 0 0;overflow: hidden;}
.about_address_01 dd{padding: 25px;padding-bottom: 20px;}
.about_address_01 dd h3{margin-bottom: 10px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.about_address_01 p{height: 120px;-webkit-line-clamp:5;margin-bottom: 10px;}
.about_more{overflow: hidden;line-height: 24px;}
.about_more a{color: #2787ed;float: right;overflow: hidden;}
.about_more a i,.about_more a span{float: left;}
.about_more a i{font-size: 22px;margin-left: 10px;}
.about_address_02{margin-top: -10px;}
.about_address_02 li{margin-top: 35px;margin-bottom: 0;}
.about_address_02 dl{background:none;border-bottom: 2px solid #edeff6;}
.about_address_02 p{height: 72px;-webkit-line-clamp:3;margin-bottom: 0;}
.arrow_open{text-align: right;padding-top: 25px;}
.arrow_open a{display: inline-block;}
.arrow_open a i{color: #289dd9;font-weight: bold;}
.arrow_open a:last-child{display: none;}


.about_address_02 li{display: none;}
.about_address_02 li:nth-child(-n+8){display: block;}
.about_address_02.cur li{display: block !important;}
.about_address_02.cur .arrow_open a:first-child{display: none;}
.about_address_02.cur .arrow_open a:last-child{display: block;}
@media only screen and (max-width:1550px) {
.about_03 .right{width: calc(100% - 250px)}
}
@media only screen and (max-width:1440px) {
.about_01{padding: 80px 0;}
.about_ic{width: 120px;height: 120px;}
.about_liaison h2{margin-bottom: 50px;}
}
@media only screen and (max-width:1366px) {
.about_03 .right{width: calc(100% - 160px)}
}
@media only screen and (max-width:1024px) {
.about_01,.about_03,.about_02{padding: 50px 0;}
.about_04{padding-top: 50px;}
.about_title .title_line{width: 50px;margin: 20px auto;}
.about_ic{width: 70px;height: 70px;}
.about_insert{padding-top: 50px;}
.about_insert h3{margin-bottom: 20px;}
.about_insert{margin: 0 5px;}
.about_flow ul{margin: 0 -5px;}
.about_03 .left,.about_03 .right{float: none;width: 100%;}
.about_03 .left{margin-bottom: 20px;text-align: center;}
.about_03 .right li{width: 100%;margin-bottom: 10px;}
.about_liaison h2{margin-bottom: 20px;}
.about_03 .right li:last-child{margin-bottom: 0;}

}
@media only screen and (max-width:767px) {
.about_01,.about_03,.about_02{padding: 30px 0;}
.about_04{padding-top: 30px;}
.about_text{text-align: left;}
.about_flow li{width: 50%;margin-bottom: 30px;}
.about_insert h3{font-weight:normal;}
.about_ic{width: 50px;height: 50px;}
.about_flow {margin-bottom: 0;}
.about_liaison h2{margin-bottom: 10px;}
.about_address_01 li{float: none;width: 100%;}
.about_address_01 p{height: auto;    -webkit-line-clamp: inherit;}
.about_address_02 li{margin-top: 0px;}
.about_title .title_line{width: 40px;height: 2px;margin: 10px auto;}
.about_address_01 dl{border-radius: 0 15px 0 0;}

}

/*大事记*/
.about-dev {overflow: hidden;}
.year-tab {width: 650px;max-width: 100%; margin-bottom: 40px;float: right;}

.year-tab .swiper-slide {width: auto;}

.year-tab li {display: inline-block;position: relative;cursor: pointer;font-weight: 400;    padding-bottom: 8px;}

.year-tab li.cur,
.year-tab li:hover {color: #2787ed;}

.year-tab li.cur:after,
.year-tab li:hover:after {opacity: 1;}

.year-tab li:after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    opacity: 0;
    height: 2px;
    background: #2787ed;
    bottom: 0px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
}



.about-dev-swiper {position: relative;}
.his_list p{line-height: 24px;margin-bottom: 10px;}
.his_year {height: 60px;line-height: 40px; margin-bottom: 30px;position: relative;color: #434343;}
.his_year span{width: 10px;height: 10px;background: #314c93;border:1px solid #314c93;border-radius: 50%;box-sizing:border-box;position: absolute;left: 6px;bottom: -5px;}
.his_year span i{width: 22px;height: 22px;background: rgba(49,76,147,0.2);
position:absolute;top:50%;left: 50%;border-radius: 50%;margin-left: -11px;margin-top: -11px;
}
.his_line{position: absolute;left: 0;top:60px; width: 100%;height: 1px;background: #a2bedb;}

.about-dev-swiper li.on .his_year span{background: #fff;border-color:#aac1ed;}
.about-dev-swiper li.on .his_year span i{display: none;}
.about-dev-swiper li.on .his_year{color: #2787ed;}


@media only screen and (max-width:767px) {
.his_year{height:40px;margin-bottom: 20px;}
.his_line{top:40px;}
.year-tab{margin-bottom: 20px;}
.about-dev-swiper li .his_year span{background: #fff;border-color:#aac1ed;}
.about-dev-swiper li .his_year span i{display: none;}
.about-dev-swiper li .his_year{color: #2787ed;}
}

/*认证结果*/
.ofd_result{padding: 80px 0 170px 0;}
.ofd_result_con{overflow: hidden;}
.ofd_result_con .left{float: left;width: 50%;overflow: hidden;}
.ofd_result_con .left li{line-height: 24px;margin-bottom: 12px;}
.ofd_result_con .left .le{float: left;width: 310px;}
.ofd_result_con .left .re{float: right;width: calc(100% - 330px);border: 1px solid #e4e4e4;padding:70px 20px;text-align: center;box-sizing:border-box;min-height: 350px;position: relative;}
.ofd_result_con .left .re img{max-width: 90%;width: 270px;}

.ofd_result_con .right{min-height: 350px; float: right;width: 48.6%;background: #f3f3f3;box-sizing:border-box;padding: 60px;}
.ofd_line{background: #289dd9;height: 3px;width:87px;margin-bottom: 40px;}
.ofd_edit{height: 184px;overflow: hidden;}

@media only screen and (max-width:1440px) {
.ofd_result{padding:70px 0;}
}
@media only screen and (max-width:1024px) {
.ofd_result_con .left .re{width: 350px;}
.ofd_result_con .left .le{width: calc(100% - 370px)}
.ofd_result_con .left,.ofd_result_con .right{float: none;width: 100%;}
.ofd_result_con .left{margin-bottom: 30px;}
.ofd_result_con .left .re{padding:30px 20px;min-height: inherit;}
.ofd_result_con .left .re img{position: static;    transform: translate(0,0);
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -o-transform: translate(0,0);}
.ofd_result_con .right{min-height: inherit;padding: 30px;}
.ofd_line{margin-bottom: 20px;width: 50px;}
.ofd_edit{min-height: inherit;height: auto;}
.ofd_result{padding:50px 0;}

}
@media only screen and (max-width:767px) {
.ofd_result{padding:30px 0;}
.ofd_result_con .left .re,.ofd_result_con .left .le{width: 100%;float: none;}
.ofd_result_con .right{padding: 20px;}
}


/*产品1*/
.pro_01{padding: 75px 0;}
.pro_02{padding: 100px 0;padding-bottom: 80px; background: #e9eef6 url(../images/pro_bg01.jpg) no-repeat center center;background-size: cover;}
.pro_03{padding: 90px 0 70px 0;}
.pro_04{background:#e0e5f1;padding: 80px 0;}
.pro_05{padding: 70px 0 125px 0;}
.pro_06{padding: 60px 0 50px 0;position: relative;}

.pro_cost ul,.pro_light ul{margin:0 -12px;}
.pro_02 dl,.pro_light dl{margin: 0 12px;}
.pro_cost li{float: left;width: 50%;margin-bottom: 20px;}
.pro_cost li:nth-child(2n+1){clear: both;}
.pro_02 dl{background: #eef1f7;border-radius: 20px;overflow: hidden;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);position: relative;}
.pro_02 dt{background: url(../images/pro_arrow.png) no-repeat;background-size: 100%;font-family: "Arial";color: #fff;width: 71px;height: 71px;line-height: 44px;padding-left: 12px;box-sizing:border-box;position: absolute;top:0;left: 0;}
.pro_cost dd{line-height: 26px;padding:55px 40px;}


.pro_light li{float: left;width: 33.33%;margin-bottom: 20px;}
.pro_light dl{padding: 50px; border-radius: 20px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);overflow: hidden;}
.pro_light dt{width: 48px;height: 48px;margin-bottom: 25px; overflow: hidden;position: relative;}
.pro_light dt img{width: 100%;height: 100%;position: absolute;top:0;left: 0;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;}
.pro_light dt .light_ic02{top:100%;}
.pro_light h3{margin-bottom: 20px;}
.pro_light p{line-height: 26px;height: 130px;}

.pub_le{position: relative;}
.pub_le li{line-height: 30px;margin-bottom: 10px;}
.pub_le li.on{font-size: 18px;font-weight: bold;}
.pub_le li.on a{color: #000;}
.pro_scene{overflow: hidden;}
.pro_scene .pub_le{float: left;width: 245px;}
.pro_scene .pub_re{float: right;width: calc(100% - 265px);position: relative;}
.scene_cont{height: 510px;overflow: hidden;position: relative;    z-index: 2;}
.scene_line_gray{width: 1px;height: 100%;background: #c9ccd3;position: absolute;left: 1px;top:0;}
.scene_cont .mCSB_container{padding-left: 100px;}
.scene_cont li.iteam>h3{margin-bottom: 20px;}
.scene_cont li.iteam{position: relative;}
.scene_line{display: none; position: absolute;left:-100px;top:0; width: 3px;height: 150px;background:#289dd9;}
.scene_cont li.on .scene_line{display: block;}

.product_tab {text-align: center;border-bottom: 1px solid #cccccc;}
.product_tab,.product_tab ul,.product_tab ul li,.product_tab li a{height: 60px;}
.product_tab ul{display: inline-block;}
.product_tab li{float: left;}
.product_tab li a{display: block;padding: 0 80px;position: relative;}
.product_tab li a i{visibility: hidden;opacity: 0; position: absolute;left: 0;bottom: -2px;height: 3px;background: #289dd9;width: 100%;}
.product_tab li.on a i{visibility: visible;opacity: 1;}


.product_table { width: 100%; text-align: center; }
.product_table_c li{display: none;}
.product_table_c li:first-child{display: block;}

.product_table td { text-align: left; line-height: 20px; padding:15px 10px; border-bottom: 1px solid #ddd;
	background: #f2f4f7;box-sizing:border-box;}
.product_table .t_01 { width:200px;border-bottom: 1px solid #fff;background: #289dd9;color: #fff;padding-left: 70px;}
.product_table .t_02 { padding-left: 100px;}
.product_table tr:first-child .t_01{border-radius: 10px 0 0 0;}
.product_table tr:last-child .t_01{border-radius: 0 0 0 10px;}
.product_table tr:first-child .t_02{border-radius: 0 10px 0 0;}
.product_table tr:last-child .t_02{border-radius: 0 0 10px 0;}
.product_table tr:last-child td{border: 0;}

.product_table.cur tr:last-child td{border-radius:10px 0 0 10px;}



.pro_06 .wrap{position: relative;z-index: 2;color: #fff;text-align: center;}
.pro_06 a{color: #fff;}
.pro_06 h3{margin-bottom: 5px;}
.pro_06 .b_more{padding-top: 20px;}
.slider_btn{display: none;}
.slider_btn div{width: 30px;height: 30px;line-height: 30px;margin-top: 0;top:0; text-align: center;text-align: center;background: none;font-size: 20px;color: #2787ed;font-weight: bold;}
.pub_le .swiper-button-prev.swiper-button-disabled,.pub_le .swiper-button-next.swiper-button-disabled{cursor: pointer; pointer-events:inherit!important; opacity: 1;}
.pub_le .swiper-button-prev.disabled{ cursor: default; opacity: 0.4;}
.pub_le .swiper-button-next.disabled{ cursor: default; opacity: 0.4;}

.pub_re .mCSB_scrollTools {visibility: hidden !important;}
@media only screen and (max-width:1440px) {
.pro_01{padding: 70px 0;}
.pro_02{padding: 70px 0;}
.pro_03{padding: 70px 0;}
.pro_04{padding: 70px 0;}
.pro_05{padding: 70px 0;}
.pro_06{padding: 70px 0;}
.pro_light dl{padding: 40px;}
.pro_light dt{margin-bottom: 20px;}
.product_tab li a{padding: 0 50px;}
}
@media only screen and (max-width:1024px) {
.pro_01{padding: 50px 0;}
.pro_02{padding: 50px 0;}
.pro_03{padding: 50px 0;}
.pro_04{padding: 50px 0;}
.pro_05{padding: 50px 0;}
.pro_06{padding: 50px 0;}
.pro_light dl{padding: 20px;}
.pro_light h3,.pro_light dt{margin-bottom: 10px;}
.product_tab, .product_tab ul, .product_tab ul li, .product_tab li a{height: 50px;}
.pro_scene .pub_le,.pro_scene .pub_re{float: none;width: 100%;}
.scene_line_gray{display: none;}
.scene_cont li.iteam{display: none;}
.scene_cont li.iteam.on{display: block;}
.scene_cont{height: auto;}
.pub_le{padding: 0 30px;box-sizing:border-box;}
.pub_le li{margin-bottom: 0;height: 40px;}
.pro_scene .pub_le{border-bottom: 1px solid #ccc;margin-bottom: 20px;}
.pub_le li{text-align:center;}
.pub_le li.on a{color: #2787ed;}
}
@media only screen and (max-width:767px) {
.pro_01{padding: 30px 0;}
.pro_02{padding: 30px 0;}
.pro_03{padding: 30px 0;}
.pro_04{padding: 30px 0;}
.pro_05{padding: 30px 0;}
.pro_06{padding: 30px 0;}

.pro_cost li,.pro_light li{float: none;width: 100%;}
.pro_cost dd{padding: 20px;padding-top: 40px;}
.pro_02 dt{width: 50px;height: 50px;line-height: 38px;   padding-left: 5px;}
.pro_cost li:last-child,.pro_light li:last-child{margin-bottom: 0;}
.pro_02 dl, .pro_light dl,.pro_cost ul, .pro_light ul{margin: 0;}
.pro_light p{height: auto;}
.pub_le li.on,.pub_le li{font-size: 16px;font-weight: normal;}
.pub_le li a{    color: #2787ed;}
.product_tab li a{padding: 0 10px;}
.product_tab, .product_tab ul, .product_tab ul li, .product_tab li a{height: 40px;}
.product_table .t_01{width: 100px;padding-left: 20px;}
.product_table .t_02{text-align: left;padding-left: 20px;}
	.slider_btn div{top: 6px;}
}

/*产品2*/
.pro_tow{padding: 90px 0;}
.pro_tow{background:#e8eaef url(../images/pro_2_bg.jpg) no-repeat;background-size: cover;}
.pro_body02 .pro_light p{height: 104px;}

/*.pro_cost_list{overflow:hidden;}*/
.pro_cost_list .left{width: 52%;float: left;}
.pro_cost_list .left li{display: none;}
.pro_cost_list .left li:first-child{display: block;}
.pro_cost_list .right{width: 48%;float: right;}

.pro_cost_list .right li{margin-bottom: 30px;}
.pro_cost_list .right li:last-child{margin-bottom: 0;}
.pro_cost_list .right dl{/*overflow: hidden;*/}
.pro_cost_list .right dt{box-sizing:border-box;padding-left: 10px; width: 80px;font-family: "Arial";color: #289dd9;font-weight: bold;float: left;}
.pro_cost_list .right dd{ width: calc(100% - 80px);float: right;padding: 0px 50px;box-sizing:border-box;border-radius: 15px;cursor: pointer;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.pro_cost_list .right dd p{padding-top: 20px;line-height: 26px;}

.pro_cost_list .right dt,.pro_cost_list .right dd p{visibility: hidden;opacity: 0;display: none;}
.pro_cost_list .right li.on dd{padding: 40px 50px;background: #f2f3f6;}
.pro_cost_list .right li.on dt,.pro_cost_list .right li.on dd p{visibility: visible;opacity: 1;display: block;}
.pro_cost_list .right li.on dd p{display: block;}
.pro_cost_list .right li.on dd{box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);}

@media only screen and (max-width:1440px) {
.pro_tow{padding: 70px 0;}
.pro_cost_list .right li.on dd{padding: 30px;}
.pro_cost_list .right dd{padding: 0 30px;}
.pro_cost_list .right dd p{padding-top: 10px;}
}
@media only screen and (max-width:1024px) {
.pro_tow{padding: 50px 0;}
.pro_cost_list .right dt{width: 60px;}
.pro_cost_list .right dd{width: calc(100% - 60px)}
.pro_cost_list .right li.on dd{padding: 20px;}
.pro_cost_list .right dd{padding: 0 20px;}
.pro_cost_list .right li{margin-bottom: 20px;}
}

@media only screen and (max-width:767px) {
.pro_tow{padding: 30px 0;}
.pro_body02 .pro_light p{height:auto;}
.pro_cost_list .left,.pro_cost_list .right{float: none;width: 100%;}
.pro_cost_list .left{margin-bottom: 20px;}
.pro_cost_list .right dt{padding: 0;width: 40px;}
.pro_cost_list .right dd{width: calc(100% - 40px)}
}

/*产品3*/
.pro_three{padding-top: 80px;}
.pro_body03 .pro_01{background: #f3f4f8;}
.pro_light_2 li{width: 50%;}
.pro_light_2 dl{padding-bottom:20px;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}
.pro_light_2 dt{float: left;}
.pro_light_2 dd{float: right;width: calc(100% - 70px)}
.pro_light_2 p{height: 78px;}

.pro_worth{position: relative;overflow: hidden;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);    border-radius: 10px 0 0 10px;}
.pro_worth .left,.pro_worth .right{float: left;width: 50%;height: 100%;overflow: hidden;}
.pro_worth .left ul,.pro_worth .left li,.pro_worth .left img,.pro_worth .right ul{width: 100%;height: 100%;}
.pro_worth .left li{display: none;}
.pro_worth .left li:first-child{display: block;}
.pro_worth .right li{height: 50%;position: relative;cursor: pointer;}
.pro_worth .right li .arrow_pro{position: absolute;top: 50%;left: 0;width: 0;height: 0;overflow: hidden;margin: -12px 0 0 -24px;border: 12px dashed transparent;border-right: 12px solid #e9edf6;display: none;}
.pro_worth .right li.on{background: #e9edf6}
.pro_worth .right li.on .arrow_pro{display: block;}
.pro_worth .right dl{padding: 50px;padding-right: 70px;height: 100%;box-sizing:border-box;}
.pro_worth .right dt{display: none;margin-bottom: 10px;}
.pro_worth .right dd,.pro_worth_box{height: 100%;overflow: hidden;}
.pro_worth .right h3{margin-bottom: 20px;}

@media only screen and (max-width:1440px) {
.pro_three{padding-top: 70px;}
.pro_worth .right dl{padding: 40px;}
}
@media only screen and (max-width:1366px) {
.pro_worth .right h3{margin-bottom: 10px;}
.pro_worth .right dl{padding: 30px;}
}
@media only screen and (max-width:1024px) {
.pro_three{padding-top: 50px;}
.pro_worth .left, .pro_worth .right{float: none;width: 100%;}
.pro_worth .left{display: none;}
.pro_worth{height: auto !important;box-shadow:none;}
.pro_worth .right ul{overflow: hidden;}
.pro_worth .right li{float: left;width: 50%;margin-bottom: 20px;}
.pro_worth .right li:nth-child(2n+1){clear: both;}
.pro_worth .right dt{display: block;}
.pro_worth .right dl{margin: 0 10px;padding:0;}
.pro_worth .right li.on{background: none;}

}
@media only screen and (max-width:767px) {
.pro_three{padding-top: 30px;}
.pro_light_2 li{width: 100%;}
.pro_light_2 p{height: auto;}
.pro_worth .right li{float: none;width: 100%;margin-bottom: 30px;}
.pro_worth .right li:last-child{margin-bottom: 0;}
.pro_worth .right ul{margin: 0;}
.pro_worth .right dl{padding: 0;}
.pro_light_2 dt,.pro_light_2 dd{float:none;}
.pro_light_2 dd{width: 100%;}
}

/*产品4*/
.pro_03_four{padding-top: 60px;}
.pro_body04 .site_banner .blank_40{    background: rgba(0,0,0,0.05);}
.pro_body04 .pro_01{background: #e7eaf4;}
.pro_body04 .pro_01 .wrap{padding-top: 20px;}
.line_pro{width: 84px;height: 4px;background: #289dd9;margin: auto;margin-top: 55px;}
.pro_describe{padding-top: 60px;padding-bottom: 150px;}

.pro_light_3 li{margin-bottom: 15px;}
.pro_light_3 ul{margin: 0 -3px;}
.pro_light_3 dl{margin: 0 3px;text-align: center;}
.pro_light_3 dt{margin: auto;margin-bottom: 20px;}
.pro_light_3 p{height: 78px;}

.pro_brightened{position: relative;}
.brightened_list{position: absolute;left: 0;top:0; width: 100%;height: 100%;}
.brightened_list .wrap{height: 100%;position: relative;box-sizing:border-box;}
.brightene_img{position: relative;}
.brightene_img .s_tite{position: absolute;left: 0; top:9.5%;width: 100%}

.brightened_list li{padding: 35px;box-sizing:border-box; position: absolute;background: #fff;border-radius: 10px;line-height: 30px;}
.brightened_list li p{height: 120px;overflow: hidden;}
.brightened_list li i{background: url(../images/arrow_white_le.png) no-repeat center center;background-size: 100% 100%; width: 20px;height: 40px; position:absolute;top:50%;margin-top: -20px;left: -20px;}
.brightened_list li:nth-child(1) i{left: auto;right: -20px;background: url(../images/arrow_white_re.png) no-repeat center center;background-size: 100% 100%;}
.brightened_list li:nth-child(1){width: 29%; top:39.9%;right:71.1%;}
.brightened_list li:nth-child(2){width:31%; top:31.4%;left: 68.7%;}
.brightened_list li:nth-child(3){width:31%; top:63.4%;left: 58.3%;}

.descript_img{width:48.2%;margin: auto;}
.descript_list{position: relative;}
.descript_list li{position: absolute;z-index: 2;}
.descript_list li p{line-height: 30px;height: 60px;overflow: hidden;}
.descript_list li:nth-child(4) p{height: 90px;}
.descript_list li:nth-child(5) p,.descript_list li:nth-child(6) p,.descript_list li:nth-child(7) p{
	height: 120px;
}

.descript_list li:nth-child(1){width: 24%;top:13.6%;left: 0;}
.descript_list li:nth-child(2){width: 24%;top:36.3%;left: 0;}
.descript_list li:nth-child(3){width: 24%;top:61.4%;left: 0;}

.descript_list li:nth-child(4){width: 53%;top:112.2%;left:50%;margin-left:-26.5%;}

.descript_list li:nth-child(5){width: 23%;top:-2.2%;right: 0;}
.descript_list li:nth-child(6){width: 23%;top:30.6%;right: 0;}
.descript_list li:nth-child(7){width: 23%;top:63.6%;right: 0;}
.descript_list ul .descript_line{display: none;}

.descript_cicle{width: 46px;height: 46px; border-radius: 50%;box-sizing:border-box;position: absolute;top:50%;margin-top: -23px;}
.cicle_01{width: 100%;height: 100%;background: #e9f3fd;border-radius: 50%;}
.cicle_02{width: 9px;height: 9px;background: #279dda;border-radius: 50%;}
.descript_line{height: 2px;width:12%;background: #d1d1d1;position:absolute;}
.line_01{height: 2px;background: #d1d1d1;width: 100%;position: absolute;left: 28px;top:0;z-index: 2;}

.descript_line01{width:12%;top:19%;left: 25.6%;}
.descript_line02{width: 9.7%;top:38.6%;left: 25.6%;}
.descript_line03{width: 12.5%;top:58%;left: 25.6%;}

.descript_line04{width:2px;height: 36.3%;left: 50%;margin-left: -1px;bottom: -30px}

.descript_line05{width:12%;top:9.5%;right: 25%;}
.descript_line06{width: 9.7%;top:38.6%;right: 25%;}
.descript_line07{width: 12.5%;top:68.18%;right: 25%;}

.descript_line04 .descript_cicle{top:auto;bottom: 0;left: 50%;margin-left: -23px;}
.descript_line04 .line_01{left: 0;top:auto;bottom: 28px;height: 50%;width: 2px;}

.descript_line05 .descript_cicle,.descript_line06 .descript_cicle,.descript_line07 .descript_cicle{left: auto;right: 0;}
.descript_line05 .line_01,.descript_line06 .line_01,.descript_line07 .line_01{left: auto;right:28px;}

@media only screen and (max-width:1440px) {
.line_pro{margin-top: 30px;}
.pro_body04 .pro_01 .wrap{padding-top: 0;}
.brightened_list li{padding: 30px;}
.descript_list li:nth-child(5) p,.descript_list li:nth-child(6) p,.descript_list li:nth-child(7) p{
	height: 90px;}
}
@media only screen and (max-width:1280px) {
.brightened_list li:nth-child(2){top:24%;}

}
@media only screen and (max-width:1024px) {
.line_pro{width: 70px;height: 2px;}
.pro_describe{padding-top: 50px;}
.pro_light_3 dt{margin-bottom: 10px;}
.brightened_list{position: static;}
.brightened_list li{line-height: 24px; position: static;width: 100% !important;padding:20px 0;border-bottom: 1px solid #ccc;border-radius: 0;}
.brightened_list li p{height: auto;}
.brightened_list li i{display: none;}
.brightened_list li:last-child{border: 0;}

.pro_describe{padding-bottom: 50px;}
.pro_03_four{padding-top: 0;}
.descript_list li{padding: 10px;border-bottom: 1px solid #ccc; position: static;width: 100% !important;margin: 0 !important;box-sizing:border-box;}
.line_cont{display: none;}
.descript_list li p{line-height: 24px;height: auto !important;padding-left: 15px;position: relative;}
.descript_list li p:after{content: "";position: absolute;left: 0;top:8px;width: 8px;height: 8px;background: #279dda; border-radius: 50%;}

}
@media only screen and (max-width:767px) {
.line_pro{width: 50px;margin-top: 20px;}
.pro_describe{padding-top: 30px;}
.pro_light_3 p{height: auto;}
.brightene_img .s_tite{position: static;}
.pro_describe{padding-bottom: 30px;}

}




@media only screen and (min-width:1025px) {
.about_insert .about_ic img{-webkit-transform: translateY(25px); -moz-transform: translateY(25px);-o-transform: translateY(25px);-ms-transform: translateY(25px);transform: translateY(25px);}
.about_insert:hover .about_ic img{-webkit-transform: translateY(0px); -moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);}
.about_insert:hover h3{-webkit-transform: translateY(-20px); -moz-transform: translateY(-20px);-o-transform: translateY(-20px);-ms-transform: translateY(-20px);transform: translateY(-20px);}
.about_liaison h3 a:hover{cursor: default;color:#707070 !important;}
.about_liaison:hover{background:url(../images/about_bg_2.jpg) no-repeat center center;background-size: cover;color: #fff;}
.about_liaison:hover h3,.about_liaison:hover h3 i{color: #fff;}
.about_liaison:hover h3 a{color: #fff !important;}
.about_more a:hover{opacity:0.8;}

.pro_light dl:hover{color: #fff; background: url(../images/pro_icbg_01.jpg) no-repeat;background-size: 100% 100%;}
.pro_light_2 dl:hover{ background: url(../images/pro_icbg_02.jpg) no-repeat;background-size: 100% 100%;}
.pro_light dl:hover dt .light_ic01{top:100%;}
.pro_light dl:hover dt .light_ic02{top:0%;}

.pub_le .swiper-wrapper{display: block;}
.pro_06 a{cursor: default;color: #fff !important;}

.pro_cost_list .right dd:hover{opacity: 0.8;}
.pro_cost_list .right li.on dd:hover{opacity: 1;}
.pro_02 dl{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.pro_02 dl:hover{background: #299dda;color: #fff;}


}






/*网站地图*/
.map_site li{margin-bottom: 40px;}
.map_site li:last-child{margin-bottom: 0;}
.map_site dt{padding: 0 30px;line-height: 32px;border-left:2px solid #289dd9;margin-bottom: 20px;}
.map_site dd{overflow: hidden;background: #f1f7ff;padding: 30px;padding-bottom: 15px;}
.map_site p{float: left;margin-right: 65px;line-height: 24px;margin-bottom: 15px;}
.map_site p a{padding-left:20px;background: url(../images/map_cicle.png) no-repeat 0 center;}
@media only screen and (max-width:1280px) {
.map_site p a{padding-left: 20px;}
.map_site p{margin-right: 40px;}
}
@media only screen and (max-width:1024px) {
.map_site p a{padding-left: 20px;}
.map_site p{margin-right:30px;}
.map_site dt{line-height: 24px;padding-left: 15px;}
.map_site dd{padding: 20px;padding-bottom: 10px;}

}
@media only screen and (max-width:767px) {
.map_site li{margin-bottom: 20px;}
.map_site dt{padding:0 10px;line-height: 24px;margin-bottom: 10px;}
.map_site dd{padding: 20px 15px;padding-bottom: 5px;}
.map_site p a{padding-left: 10px;}
.map_site p{margin-right:20px;}

}

/*产品该间距*/
.plate_out{top:120px;}
#dowebok .section1  .wrap{width: 1440px;}
#dowebok .wrap{width: 1280px;max-width: 94%;}


.pro_worth .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#2787ed;}
.pro_worth .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.pro_worth .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.pro_worth .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag:hover .mCSB_dragger_bar{ background:#2787ed;}

.banner_in .experience li.li01 dd p{overflow: inherit;height: auto;line-height: inherit;}
.banner_in .banner_ex{color: #fff;padding-top: 20px;}
.banner_in .experience li.li01 dd a:hover{color: #fff !important;opacity: 0.8}
.banner_in .experience li.li01 dd a,.banner_in .experience li.li01 dd p em{color: #fff;}
@media only screen and (max-width:767px) {

.experience li dd{display: table;width: 100%;}
.experience li.li01 dd p em img{left: auto;right: 0;}
.banner_in .experience li.li01 dd p{float: left;margin-left: 10px;}
}





















