/* 首页index Css */
@charset "UTF-8";
html,body {
	padding: 0;
	margin: 0;
	width: 100%;
	height: auto;
	font-family: '微软雅黑';
}

* {
	padding: 0;
	margin: 0;
}

ul {
	list-style: none;
}

a {
	text-decoration: none;
}
.prodcuts_certificate{
	width: 100%;
	margin-top: 30px;
	height:400px;
	background: url(../img/prodcuts.png);
	background-repeat: no-repeat;
	background-position: center;
	
}

 
.top {
	width: 100%;
	height: 80px;
	background-color: rgba(24, 48, 85, 0);
	position: relative;
	position: sticky;     
	top: 0;
	z-index: 999;
}

.colorTop{
	width: 100%;
	height: 80px;
	background-color: rgba(24, 48, 85, 0.8);
	position: relative;
	position: sticky;
	top: 0;
	z-index: 999;
}

.font {
	font-size: 16px;
	color: #2D2D2D;
}
.font_title{
	font-size: 24px;
}
.font_item{
	font-size: 20px;
}
.font_color{
	color: #2D6FFF;
}
.top .logo {
	width: 20%;
	margin-left: 10%;
	height: 100%;
	color: white;
	display: flex;
	align-items: center;
	/* justify-content: center; */
}

.top .nav {
	position: absolute;
	height: 80px;
	line-height: 80px;
	top: 0;
	right: 0;
	overflow: hidden;
	zoom: 1;
	display: flex;
	align-items: center;
	margin-right: 5%;
}

.top .nav li {
	float: right;
	line-height: 80px;
	margin-right: 30px;
}

.top .nav li a {
	padding: 0 20px;
	display: block;
	color: white;
}

.nav li a:hover {
	color: #2d6fff;
}

.obtain {
	background-color: #2D6FFF;
	height: 40px;
	border-radius: 20px;
	width: 120px;
	color: #FFFFFF;
	border: none;
	cursor: pointer;
}

.banner01 {
	width: 100%;
	height: 1079px;
	background: url(../img/banner_fac.png) repeat fixed;
	background-size: cover;
	margin-top: -80px;
}

.banner03 {
	width: 100%;
	height: 1080px;
	background: url(../img/prodcuts01.png) repeat fixed;
	background-size: cover;
	margin-top: -80px;
}
.prodcut_banner{
	width: 100%;
	height: 1080px;
	background: url(../img/prodcuts04.png) repeat fixed;
	background-size: cover;
	margin-top: -80px;
}

.banner02 {
	width: 100%;
	height: 1080px;
	margin-top: -1080px;
	background-size: cover;
	background-color: rgba(24, 48, 85, 0.6);
	position: relative;
	display: flex;
	justify-content: center;
}

.overview_banner {
	width: 100%;
	height: 1080px;
	margin-top: -1080px;
	background-size: cover;
	background-color: rgba(24, 48, 85, 0.6);
	position: relative;
	display: flex;
	clear: both;
	box-sizing: content-box;
	/* justify-content: center; */
	
}

.banner02_title{
	width: 100%;
	height: 70px;
	margin-top: 300px;
	text-align: center;
	position: absolute;
	font-size: 60px;
	color: #FFFFFF;
}

.overview_banner_title{
	/* width: 100%; */
	height: 70px;
	margin-top: 300px;
	/* text-align: center; */
	position: absolute;
	font-size: 60px;
	color: #FFFFFF;
	margin-left: 10%;
}


.banner02_infon{
    width: 100%;
	font-size: 20px;
	border-radius: 50px;
	text-align: center;
	/* margin-left: 10%; */
	position: absolute;
	color: #FFFFFF;
	line-height: 40px;
}
.overview_banner_infon{
    /* width: 100%; */
	font-size: 20px;
	border-radius: 50px;
	/* text-align: center; */
	margin-left: 10%;
	position: absolute;
	color: #FFFFFF;
	line-height: 40px;
}
.banner02_infon_cont01{
	margin-top: 400px;
}
.banner02_infon_cont02{
	margin-top: 440px;
}
.banner02_infon_cont03{
	margin-top: 480px;
}

.button01 {
	width: 280px;
	height: 70px;
	background-color: rgba(45, 111, 255, 0.2);
	border-radius: 50px;
	margin-top: 550px;
	position: absolute;
	padding: 10px 0;
}

.button02 {
	width: 260px;
	height: 70px;
	background-color: #2D6FFF;
	border-radius: 50px;
	margin: 0 auto;
	text-align: center;
	line-height: 70px;
}

.button02 a {
	color: #FFFFFF;
}

.content {
	height: 2900px;
	background-color: rgba(0, 0, 0, 0);
	position: relative;
}

.case {
	width: 100%;
	height: 600px;
	/* background-color: aqua; */
}
.title01 {
	padding-top: 40px;
	text-align: center;
}

.title02 {
	width: 100%;
	height: 40px;
	display: flex;
	justify-content: center;
}

.title02_child {
	background-color: #2D6FFF;
	height: 10px;
	width: 50px;
	margin-top: 20px;
}
.title03_child{
	background-color: #2D6FFF;
	height: 10px;
	width: 50px;
	margin-top: -20px;
}

.case_css {
	width: 80%;
	height: 450px;
	margin-left: 10%;
	margin-right: 10%;
	/* margin-top: 00px; */
}
.el-carousel__item h3 {
	color: #2D6FFF;
	font-size: 14px;
	opacity: 0.75;
	line-height: 400px;
	margin: 0;
}
  
.case .el-carousel__item:nth-child(2n) {
	background-image: url(../img/case01.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
  
.case .el-carousel__item:nth-child(3) {
	background-image: url(../img/case02.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.case .el-carousel__item:nth-child(4) {
	background-image: url(../img/case03.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.case .el-carousel__item:nth-child(5) {
	background-image: url(../img/case04.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.about{
	height: 700px;
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	/* background-color: #8B8B8B; */
	margin-top: 40px;
}
.about .introduction{
	width: 100%;
	height: 600px;
	margin-top: 20px;
	/* background-color: #FFFFFF; */
	float: left;
}
.about .words{
	margin-top: 40px;
	height: 500px;
	width: 47%;
	/* background-color: aliceblue; */
	line-height: 40px;
	position: relative;
	float: left;
	
}
.about .words .button{
	margin-top:40px ;
	margin-left: 0px;

}

.about .img{
	height: 500px;
	width: 50%;
	background-color: #2D2D2D;
	float: right;
	margin-top: 40px;
	border-radius: 5px;
	background: url(../img/company.jpg);
	background-size: cover;
	
}

.slog{
	width: 100%;
	height: 500px;
	background: url(../img/slog.png);
}
.slog_words{
	margin-left: 10%;
	width: 40%;
	float: left;
	height: auto;
	line-height: 80px;
	color: #FFFFFF;
	font-size: 40px;
	margin-top: 130px;
	float: left;
}
.slog .button{
	width: 50%;
	height: 500px;
	float: right;
	/* background-color:#2D2D2D; */
}
.slog .button03{
	background-color: #FFFFFF;
	margin-right: 10%;
	width: 280px;
	height: 70px;
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 50px;
	padding: 10px 0;
	margin-top: 25% ;
	margin-left: 25%;
}
.slog .button04{
	width: 260px;
	height: 70px;
	background-color: #FFFFFF;
	border-radius: 50px;
	margin: 0 auto;
	text-align: center;
	line-height: 70px;
	
}
.slog a{
	color: #1C3660;
}
.system{
	width: 100%;
	height: 600px;
	/* background-color: #1C3660; */
	
}
.prodcut{
	width: 100%;
	height: auto;
}
.system_prodcut{
	width: 100%;
	height: 40px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}
.el-carousel__item h3 {
	color: #475669;
	font-size: 14px;
	opacity: 0.75;
	line-height: 150px;
	margin: 0;
}

.system .block_left .el-carousel__item:nth-child(2n) {
	 background-image: url(../img/system01.png);
	 background-size: contain;
	 background-repeat: no-repeat;
	 background-position: center;
}
  
.system .block_left .el-carousel__item:nth-child(2n+1) {
	 background-image: url(../img/system02.png);
	 background-size: contain;
	 background-repeat: no-repeat;
	 background-position: center;
}
.system .block_right .el-carousel__item:nth-child(2n) {
	 background-image: url(../img/system03.png);
	 background-size: contain;
	 background-repeat: no-repeat;
	 background-position: center;
}
  
.system .block_right .el-carousel__item:nth-child(2n+1) {
	 background-image: url(../img/system04.png);
	 background-size: contain;
	 background-repeat: no-repeat;
	 background-position: center;
}


.block_left{
	width: 38%;
	height: 350px;
	margin-left: 10%;
	margin-top: 20px;
	float: left;
}
.block_right{
	width: 38%;
	height: 350px;
	margin-right: 10%;
	margin-top: 20px;
	float: right;
}
.foot01{
	width: 100%;
	height: 230px;
	background-color: rgba(24, 48, 85, 1);
}
.foot_touch{
	float: left;
	width: 80%;
	margin-left: 10%;
	margin-top:60px;
	height: 150px;
}
.font_td{
	color: #F8F8F8;
	font-size: 12px;
}
.foot_left{
	float: left;
}
.foot_right{
	float: right;
}
.foot02{
	width: 100%;
	height: 57px;
	background-color: rgba(24, 48, 85, 1);
	text-align: center;
	line-height: 57px;
	color: #F8F8F8;
	font-size: 12px;
}


/* 产品体系 prodcutSystem Css */
.content_system{
	width: 100%;
	height: 1300px;
}

.system_technology .block_left .el-carousel__item:nth-child(2n) {
	 background-image: url(../img/system01.png);
	 background-size: contain;
	 background-repeat: no-repeat;
	  background-position: center;
}
.system_technology .block_left .el-carousel__item:nth-child(2n+1) {
	 background-image: url(../img/system01.png);
	 background-size: contain;
	 background-repeat: no-repeat;
	  background-position: center;
}

.system_technology .block_right .el-carousel__item:nth-child(2n) {
	 background-image: url(../img/system02.png);
	 background-size: contain;
	 background-repeat: no-repeat; background-position: center;
	  background-position: center;
}
.system_technology .block_right .el-carousel__item:nth-child(2n+1) {
	 background-image: url(../img/system02.png);
	 background-size: contain;
	 background-repeat: no-repeat;
	  background-position: center;
}

.system_information{
	margin-top: 500px;
}

.system_information .block_left .el-carousel__item:nth-child(2n) {
	 background-image: url(../img/system03.png);
	 background-size: contain;
	 background-repeat: no-repeat;
	  background-position: center;
}
.system_information .block_left .el-carousel__item:nth-child(2n+1) {
	 background-image: url(../img/system03.png);
	 background-size: contain;
	 background-repeat: no-repeat;
	  background-position: center;
}

.system_information .block_right .el-carousel__item:nth-child(2n) {
	 background-image: url(../img/system04.png);
	 background-size: contain;
	 background-repeat: no-repeat;
	  background-position: center;
}
.system_information .block_right .el-carousel__item:nth-child(2n+1) {
	 background-image: url(../img/system04.png);
	 background-size: contain;
	 background-repeat: no-repeat;
	  background-position: center;
}


/* 案例展示 content_case Css */
.content_case{
	width: 100%;
	height: auto;
}
.case_exhibition{
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	height: auto;
	margin-top: 40px;
	/* background-color: #1C3660; */
	/* box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1) */
}
.case_image{
	height: 300px;
	width: 30%;
	background-color: #1C3660;
}
.case_item_image01{
	width: 30%;
	height: 320px;
	background: url(../img/caseNo1png.png);
	background-size: cover;
	float: left;
}
.content_case .el-card__body {
	padding: 0 0;
}
.case_item_information{
	width: 70%;
	height: 300px;
	float: left;
}
.case_information{
	margin-top: 20px;
	margin-left: 30px;
	line-height: 50px;
	margin-right: 30px;
	color: #666666;
}
.case_item{
	margin-left: 30px;
	margin-top: 20px;
}
.el-button.is-round {
    border-radius: 20px;
    padding: 12px 23px;
    margin-top: 20px;
    margin-left: 30px;
}
.el-button--primary {
    color: #FFF;
    background-color: #2D6FFF;
    border-color: #2D6FFF;
}
.case_banner{
	width: 100%;
	height: 1080px;
	background: url(../img/caseBanner.png) repeat fixed;
	background-size: cover;
	margin-top: -80px;	
}
.case_banner_01{
	width: 100%;
	height: 1080px;
	margin-top: -1080px;
	background: url(../img/caseBanner01.png);
	background-size: cover;
	background-color: rgba(24, 48, 85, 0.6);
	position: relative;
}

/* 案例展示caseNo1 Css */
.content_case_item{
	width: 100%;
	height: 1600px;
}
.content_case01_item{
	width: 100%;
	height: 2200px;
}
.case_no{
	margin-top: 20px;
    display:flex;
	justify-content:center;
	align-items:center;
}
.case_no_wh{
	height: 358px;
	width: 600px;
}

.case_title{
	margin-top: 20px;
	margin-left: 10%;
	color: #2D6FFF;
}
.case_time{
	margin-top: 20px;
	margin-left: 10%;
	margin-right: 10%;
	color: #666666;
	line-height: 40px;
}

.case_left{
	float: left;
	margin-left: 10%;
	width: 38%;
	line-height: 40px;
}
.case_right{
	float: right;
	margin-right: 10%;
	width: 38%;
}
.case_con{
	margin-top: 20px;
	color: #666666;
}
.case_no1_image{
	background: url(../img/caseNo1png.png);
	background-size: contain;
	background-repeat: no-repeat;
}

.case_no1_frame_image{
	background: url(../img/caseNo1Frame.png);
	background-size: contain;
	background-repeat: no-repeat;
	
}

.case_item_image02{
	width: 30%;
	height: 320px;
	background: url(../img/caseNo2.png);
	background-size: cover;
	background-repeat: no-repeat;
	float: left;
}
.case_no2_image{
	background: url(../img/caseNo2.png);
	background-size: contain;
	background-repeat: no-repeat;
}

.case_no2_frame_image{
	background: url(../img/caseNo2Frame.png);
	background-size: contain;
	background-repeat: no-repeat;
	
}



.case_item_image03{
	width: 30%;
	height: 320px;
	background: url(../img/caseNo3.png);
	background-size: cover;
	background-repeat: no-repeat;
	float: left;
}

.case_no3_image{
	background: url(../img/caseNo3.png);
	background-size: contain;
	background-repeat: no-repeat;
}

.case_no3_frame_image{
	background: url(../img/caseNo3Frame.png);
	background-size: contain;
	background-repeat: no-repeat;
	
}

.case_item_image04{
	width: 30%;
	height: 320px;
	background: url(../img/caseNo4.png);
	background-size: cover;
	background-repeat: no-repeat;
	float: left;
}

.case_no4_image{
	background: url(../img/caseNo4.png);
	background-size: contain;
	background-repeat: no-repeat;
}

.case_no4_frame_image{
	background: url(../img/caseNo4Frame.png);
	background-size: contain;
	background-repeat: no-repeat;
}


.case_item_image05{
	width: 30%;
	height: 320px;
	background: url(../img/caseNo5.png);
	background-size: cover;
	float: left;
}

.case_no5_image{
	background: url(../img/caseNo5.png);
	background-size: contain;
}

.case_no5_frame_image{
	background: url(../img/caseNo5Frame.png);
	background-size: contain;
}


.case_item_image06{
	width: 30%;
	height: 320px;
	background: url(../img/caseNo6.png);
	background-size: cover;
	background-repeat: no-repeat;
	float: left;
}

.case_no6_image{
	background: url(../img/caseNo6.png);
	background-size: contain;
	background-repeat: no-repeat;
}

.case_no6_frame_image{
	background: url(../img/caseNo6Frame.png);
	background-size: contain;
	background-repeat: no-repeat;
}


.case_item_image07{
	width: 30%;
	height: 320px;
	background: url(../img/caseNo7.png);
	background-size: cover;
	float: left;
}

.case_no7_image{
	background: url(../img/caseNo7.png);
	background-size: cover;
}

.case_no7_frame_image{
	background: url(../img/caseNo7Frame.png);
	background-size: cover;
}

.case_item_image08{
	width: 30%;
	height: 320px;
	background: url(../img/caseNo8.png);
	background-size: cover;
	float: left;
}

.case_item_image09{
	width: 30%;
	height: 320px;
	background: url(../img/caseNo9.jpg);
	background-size: cover;
	float: left;
}

.case_no8_image{
	background: url(../img/caseNo8.png);
	background-size: contain;
	background-repeat: no-repeat;
}

.case_no9_image{
	background: url(../img/caseNo9.jpg);
	background-size: contain;
	background-repeat: no-repeat;
}
.case_no8_frame_image{
	background: url(../img/caseNo8Frame.png);
	background-size: contain;
	background-repeat: no-repeat;
}

.case_no9_frame_image{
	background: url(../img/caseNo9Frame.png);
	background-size: contain;
	background-repeat: no-repeat;
}


.content_case .case_item_information{
	height: auto;
}

.content_case .el-button.is-round{
	margin-bottom: 30px;
}



/* 关于我们 aboutUs Css */
.content_about_us{
	width: 100%;
	height: 3850px;
}
.about_banner{
	width: 100%;
	height: 690px;
	margin-top: -80px;
	background: url(../img/aboutUsBanner.png);
	background-size: cover;	
}  
.about_font{
	color: #666666;
	margin-top: 20px;
	margin-left: 20%;
	margin-right: 20%;
	width: 60%;
}

.bg-purple-light {
    background-color: #FFFFFF;
	background-size: contain;
	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1)
  }
.grid-content {
    border-radius: 4px;
    min-height: 240px;
	line-height: 40px;
	background-color: #FFFFFF;
	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1)
	
  }
.row-bg {
    height: 240px;
	width: 80%;
	margin-top: 60px;
	margin-left: 10%;
	margin-right: 10%;
  }
.about_us{
	width:100%;
	height: 500px;
	margin-top: 80px;
}  
.about_us_banner{
	width: 100%;
	height: 300px;
	background: url(../img/slog.png);
	background-size: cover;	
}
.about_us_inf{
	width: 80%;
	height: 350px;
	margin-left: 10%;
	margin-right: 10%;
	background-color: #FFFFFF;
	margin-top: -180px;
	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
	position: absolute;
	
}
.about_us_left{
	width: 67%;
	margin-left: 3%;
	height: 320px;
	margin-top: 30px;
	/* background-color: #2D6FFF; */
	position: relative;
	float: left;	
}
.about_us_right{
	width: 30%;
	height: 350px;
	float: right;
	background-color: #2D6FFF;
}
.about_us_right_title{
	color: #FFFFFF;
	margin-top: 30px;
	margin-left: 30px;
}
.about_us_right_title01{
	color: #FFFFFF;
	margin-top: 20px;
	margin-left: 30px;
}
.about_us_right_title02{
	background-color: #FFFFFF;
	margin-top: 20px;
	margin-left: 30px;
	width: 40px;
	height: 5px;
}
.about_us_right_title03{
	background-color: rgba(211, 226, 255, 0.2);
	width: 30%;
	height: 1px;
	margin-top: 100px;
	position: absolute;
}
.about_us_right_title05{
	margin-top:35px;
	margin-left: 30px;
	float: left;
	/* background-color: #1C3660; */
	
}
.about_us_right_title06{
	width:100px ;
	height: 40px;
	/* position: relative; */
	float: right;
	margin-top: 35px;
	margin-right: 30px;
	line-height: 40px;
	/* background-color: #1C3660; */
}
.about_us_right_title06 a{
	color: #FFFFFF;
}

.partner{
	width: 100%;
	height: 950px;
	margin-top: 40px;
	background: url(../img/aboutUsBanner02.png);
	background-size: cover;	
}
.title02 {
	padding-top: 40px;
	text-align: center;
	color: #FFFFFF;
}
.title03{
	padding-top: 20px;
	text-align: center;
	color: #FFFFFF;
	
}
.partner_logo{
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	height: auto;
}

 .partner .el-row {
    margin-bottom: 20px;
	margin-top: 40px;
    &:last-child {
      margin-bottom: 0;
    }
  }
  .partner  .el-col {
    border-radius: 4px;
  }
  .partner  .bg-purple-dark {
    background-color: rgba(255, 255, 255, 1);
	
  }
 .partner   .bg-purple {
     background-color: rgba(255, 255, 255, 1);
  }
   .partner .bg-purple-light {
     background-color: rgba(255, 255, 255, 1);
  }
 .partner  .grid-content {
   border-radius: 4px;
   min-height: 200px;
   /* margin-left: 10px; */
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
  }
   .partner .row-bg {
    padding: 10px 0;
    background-color: #f9fafc;
  }
  .bg_img_01{
	  background-image: url(../img/logo01.png);
  }
  .bg_img_02{
  	  background-image: url(../img/logo02.png);
  }
  .bg_img_03{
  	  background-image: url(../img/logo03.png);
  }
  .bg_img_04{
  	  background-image: url(../img/logo04.png);
  }
  .bg_img_05{
  	  background-image: url(../img/logo05.png);
  }
  .bg_img_06{
  	  background-image: url(../img/logo06.png);
  }
  .bg_img_07{
  	  background-image: url(../img/logo07.png);
  }
  .bg_img_08{
  	  background-image: url(../img/logo08.png);
  }
  .bg_img_09{
  	  background-image: url(../img/logo09.png);
  }
  .bg_img_10{
  	  background-image: url(../img/logo10.png);
  }
  .bg_img_11{
  	  background-image: url(../img/logo11.png);
  }
  .bg_img_12{
  	  background-image: url(../img/logo12.png);
  }
  
.about_more{
	width: 100%;
	height: 450px;
	margin-top: 60px;
}
.about_more_image{
	width: 35%;
	margin-left: 10%;
	height: 450px;
	background-color: #2D6FFF;
	position: absolute;
	float: left;
}
.more_image{
	height: 300px;
	width: 100%;
	background: url(../img/aboutMore.png);
	background-size: cover;
	
}
.more_con{
	height: 100px;
	width: 90%;
	margin-left: 5%;
	background-color: #2D6FFF;
}
.about_more_other{
	width: 40%;
	height: 450px;
	margin-right: 10%;
	float: right;
	/* background-color: #1C3660; */
}


/* 联系我们 */
.contact_us_left{
	width: 40%;
	height: auto;
	margin-left: 10%;
	margin-top: 20px;
	line-height: 40px;
	color: #666666;
	float: left;
	
}
.contact_us_right{
	width: 40%;
	height: auto;
	margin-right: 10%;
	margin-top: 20px;
	line-height: 40px;
	color: #666666;
	float: right;
}
.contact_us_image{
	width: 80%;
	height: 400px;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 350px;
	background: url(../img/contact_us_image.png);
	background-size: cover;
	background-repeat: no-repeat;
}
.contact_us_banner{
	width: 100%;
	height: 300px;
	background: url(../img/contactUsBanner.png);
	background-size: cover;
	margin-top: 60px;
	
}

/* 产品概览 */
.overview{
	height: 2620px;
	width: 100%;
}

.pay{
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 60px;
}
.pay_bg{
	width: 100%;
	height: 840px;
	/* background: url(../img/prodcuts02.png); */
	/* background-size: contain; */
}

.pay .el-card{
	height: 530px;
	background-color: #FFFFFF;
	
}
.el-card__body {
	padding: 0;
}
.card_title{
	width: 100%;
	height: 150px;
	background-color: #dfdfdf;
	color: #FFFFFF;
	line-height: 100px;
	text-align: center;
}
.recommend{
	background: url(../img/recommend.png);
	background-size: cover;
	background-repeat: no-repeat;
	
	
}
.card_con{
	width: 90%;
	height: 200px;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 30px;
	color: #666666;
}
.card_foot{
	width: 100%;
	height: 50px;
	color: #2D6FFF;
	line-height: 50px;
	text-align: center;
	margin-top: 20px;
}

.overview .el-button.is-round {
    margin-top: 0px;
    margin-left: 0px;
	width: 120px;
}

.customized{
	width: 100%;
	height: 500px;
	/* background-color: #F9FAFC; */
	background: url(../img/prodcuts02.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	
	
}
.cust_title{
	width: 40%;
	height: 440px;
	margin-left: 10%;
	/* margin-right: 10%; */
	padding-top: 30px;
	float: left;
}
.cust_right{
	width: 30%;
	height: 440px;
	margin-right: 10%;
	margin-right: 10%;
	padding-top: 30px;
	float: right;
}

.cust_con{
	color: #FFFFFF;
}

.cust_banner{
	width: 100%;
	height: 750px;	
}

.cust_banner_bg{
	width: 80%;
	height: 540px;
	margin-left: 10%;
	margin-right: 10%;
	/* background: url(../img/custBanner.png); */
	/* background-size: contain;
	background-repeat: no-repeat;
	background-position: center */
}

.overview .el-dialog__header {
    padding: 20px 20px 10px;
	text-align: center;
	background-color: #2D6FFF;
	
}
.overview .el-dialog__title {
    line-height: 24px;
    font-size: 18px;
	color: #FFFFFF;
}

.overview .el-dialog__body{
	background-color: #F9FAFC;
	height: 480px;

}

.overview .el-dialog__footer {
	text-align: center;
}

 .overview  .transition-box {
    margin-bottom: 10px;
    width: 100%;
    height: 400px;
    border-radius: 4px;
    background-color: #FFFFFF;
    text-align: center;
    color: #fff;
    padding: 0px 20px;
    box-sizing: border-box;
    margin-right: 20px;
  }
  
.overview .el-form-item__label{
	  /* color: #FFFFFF; */
  }

.cust_banner_bg .el-card{
	width: 80%;
	height: 200px;
}

.cust_banner_bg  .el-col {
    border-radius: 4px;
  }

 .cust_banner_bg .bg-purple {
    background: #FFFFFF;
  }


 .cust_banner_bg .row-bg {
    padding: 10px 0;
    /* background-color: #f9fafc; */
  }
  
 .cust_banner_bg  .row-bg {
	 margin-top: 0px;
 }
  .train{
	  width: 100%;
	  height: 500px;
	  background-color: #fafafa;
	  margin-top: 30px;
	  float: left;
	 
  }
 
 .train_left{
	 width: 45%;
	 height: 370px;
	 margin-left: 10%;
	 float: left;
	margin-top: 30px;
	background: url(../img/trainLeft.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center

 }
	 
 .train_right{
	 width: 35%;
	 height: 400px;
	 margin-right: 10%;
	 /* background-color: #2D6FFF; */
	 float: right;
	 margin-top: 30px;
 }

.train_price{
	width: 100%;
	height: auto;
	text-align: center;
	margin-top: 30px;
}