.banner .banner_border{border-color: #f5f5f5;}
/*sec0*/
.sec0{ position:relative; background-color: #f5f5f5;}
.sec0 .sec0_bg{ position: absolute; bottom: 0; left: 0; width: 100%; height: 110px; background-color: #fff; z-index: 1;}
.sec0 .sec_top{ padding: 120px 0 90px;}
.sec0 .sec_top p{color: #444; font-size: 18px; line-height: 2.2; font-weight: bold; text-align: center;}
.sec0 .sec_bottom{ position: relative; z-index: 2; display: -webkit-flex; /* Safari */display: flex;flex-direction: row;flex-wrap:wrap;align-items:stretch; justify-content:space-between; background-color: #bd1e3e; border-top-right-radius: 52px; overflow: hidden;}
.sec0 .sec_bottom .sec_left{ width: 52.3%; background-image: url(../images/smartcloud_sec0_img1.jpg); background-repeat: no-repeat; background-position: left center; background-size: auto 100%;display: -webkit-flex; /* Safari */display: flex;flex-direction:column;flex-wrap:wrap;align-items:center; justify-content:center;}
.sec0 .sec_bottom .sec_left p{ width: 70%; margin: 0 auto; color: #fff; font-size: 16px; line-height:2.5; font-weight: normal;text-align: justify;}
.sec0 .sec_bottom .sec_left p strong{ font-size:18px; line-height: 2.2; padding-top: 22px; display: block;}
.sec0 .sec_bottom .sec_right{width: 47.6%;}
/*sec1*/
.sec1{ padding-top: 128px; background-image: url(../images/smartcloud_sec1_bg.jpg); background-position: center; background-repeat: no-repeat; background-size: 100% auto; overflow: hidden;}
.sec1_top{ padding-bottom: 258px;}
.sec1_top .inner{display: -webkit-flex; /* Safari */display: flex;flex-direction: row;flex-wrap:wrap;align-items:stretch; justify-content:space-between;}
.sec1_top .sec_left{ width: 44%;}
.sec1_top .sec_right{ max-width: 48.5%;}
.sec1_top .sec_right img{ max-width:100%;}
.sec_title1{}
.sec_title1 h3{ color: #444; font-size: 44px; line-height: 1.1; font-weight: bold;}
.sec_title1 p{ padding-top: 40px; color: #444; font-size: 18px; line-height: 1.1; font-weight: bold; }

.sec1_top .sec_left ul{ margin-top: 45px;}
.sec1_top .sec_left li a{display: -webkit-flex; /* Safari */display: flex;flex-direction: row;flex-wrap:wrap;align-items:stretch; justify-content:space-between;}
.sec1_top .sec_left .sec_num{width:12%; color: #999; font-size: 24px; line-height:1.6; font-weight: bold; border-right: #f5f5f5 solid 1px; position: relative;-webkit-transition:all .4s ease-out;transition:all .4s ease-out;}
.sec1_top .sec_left .sec_num span{ position:absolute; top:6px; right: -2px; display: block; width: 2px; height:26px; background-color: #ddd; -webkit-transition:all .4s ease-out;transition:all .4s ease-out;}
.sec1_top .sec_left .sec_text{ width: 82%; text-align: justify; color: #999; font-size: 14px; line-height: 2.6; font-weight: bold; padding-bottom: 72px;-webkit-transition:all .4s ease-out;transition:all .4s ease-out;}
.sec1_top .sec_left .sec_num.first,.sec1_top .sec_left .sec_text.first{ padding-top: 60px; }
.sec1_top .sec_left .sec_num.first span{ top:66px;}
.sec1_top .sec_left li a:hover .sec_num{ color: #b71b30;}
.sec1_top .sec_left li a:hover .sec_num span{ background-color: #b71b30;}
.sec1_top .sec_left li a:hover .sec_text{ color: #444;}

.sec1_bottom{ width: 100%; position: relative; min-height: 772px;}
.sec1_bottom_img{ position:absolute; right: 0; top:0;}

.sec1_bottom .tab_title{ padding-top: 86px; padding-bottom: 44px;}
.sec1_bottom .tab_title a{ display: inline-block;color: #444; font-size: 28px; line-height: 1.1; font-weight: bold; position: relative; border-bottom: #fff solid 3px; padding-bottom: 12px;}
.sec1_bottom .tab_title a:nth-child(1){ margin-right: 58px;}
.sec1_bottom .tab_title a .tab_icon{position:absolute; top: -10px; left: -10px; z-index: 1; opacity: 0; }
.sec1_bottom .tab_title a span{ position: relative; z-index: 2;}
.sec1_bottom .tab_title a.active{ color: #b71b30;border-bottom: #b71b30 solid 3px;}
.sec1_bottom .tab_title a.active .tab_icon{opacity: 1; }

.sec1_bottom .tab_cont{ width: 44.5%; display: none;}
.sec1_bottom .tab_cont p{ color: #999; font-size: 16px; line-height: 2.5; padding-bottom: 38px;}
.sec1_bottom .tab_cont.active{ display:block;}
/*sec2*/
.sec2{ padding-top: 180px; padding-bottom: 134px;}
.sec2 h3{ text-align: center; color: #444; font-size: 44px; line-height: 1.1; font-weight: bold;}
.sec2 ul{ padding-top: 70px; display: -webkit-flex; /* Safari */display: flex;flex-direction: row;flex-wrap:wrap;align-items:stretch; justify-content:space-between;}
.sec2 li{ width: 23%; text-align: center; background-size: cover; background-position: top right; background-repeat: no-repeat; cursor: pointer;position: relative; }
.sec2 li:nth-child(1){ background-image:url(../images/smartcloud_sec2_img1.jpg);}
.sec2 li:nth-child(2){ background-image:url(../images/smartcloud_sec2_img2.jpg);}
.sec2 li:nth-child(3){ background-image:url(../images/smartcloud_sec2_img3.jpg);}
.sec2 li:nth-child(4){ background-image:url(../images/smartcloud_sec2_img4.jpg);}
.sec2 li:nth-child(1):hover{ background-image:url(../images/smartcloud_sec2_img1_1.jpg);}
.sec2 li:nth-child(2):hover{ background-image:url(../images/smartcloud_sec2_img2_1.jpg);}
.sec2 li:nth-child(3):hover{ background-image:url(../images/smartcloud_sec2_img3_1.jpg);}
.sec2 li:nth-child(4):hover{ background-image:url(../images/smartcloud_sec2_img4_1.jpg);}
.sec2 li .sec2_cont .sec2_img{background-image:url(../images/smartcloud_sec2_icon1_1.png);background-position:center; background-repeat: no-repeat; width: 80px; height: 72px; max-width: 80%; background-size: 100% auto;margin: 0 auto;}
.sec2 li .sec2_cont .sec2_img.sec2_img2{background-image:url(../images/smartcloud_sec2_icon2_1.png);}
.sec2 li .sec2_cont .sec2_img.sec2_img3{background-image:url(../images/smartcloud_sec2_icon3_1.png);}
.sec2 li .sec2_cont .sec2_img.sec2_img4{background-image:url(../images/smartcloud_sec2_icon4_1.png);}
.sec2 li:hover .sec2_cont .sec2_img{background-image:url(../images/smartcloud_sec2_icon1.png);}
.sec2 li:hover .sec2_cont .sec2_img.sec2_img2{background-image:url(../images/smartcloud_sec2_icon2.png);}
.sec2 li:hover .sec2_cont .sec2_img.sec2_img3{background-image:url(../images/smartcloud_sec2_icon3.png);}
.sec2 li:hover .sec2_cont .sec2_img.sec2_img4{background-image:url(../images/smartcloud_sec2_icon4.png);}

.sec2 li .sec2_cont{ padding: 72px 0 120px; }
.sec2 li .sec2_cont h4{ color: #fff; font-size: 20px; line-height: 1.1; font-weight: bold; padding: 70px 0 26px;}
.sec2 li .sec2_cont p{width: 80%; margin: 0 auto; color: #fff; font-size: 16px; line-height:1.625;}
.sec2 li .sec2_cont span{ position: absolute; bottom: 24px; left:24px; color: #a5a4a4; font-size: 20px; font-weight: bold; line-height: 1.1; }
.sec2 li .sec2_cont img{ max-width: 80%;}

.sec2 li:hover .sec2_cont p{ color:#fff;}
.sec2 li:hover .sec2_cont span{ opacity: 1;}
/*sec3*/
.sec3{ margin-bottom: 0;}
.sec3.grayBg .inner{ padding-bottom: 120px; background-color: #fafafa;}
.sec3 h3{ padding-top: 80px; padding-bottom: 60px; color: #444; font-size: 44px; line-height: 1.1; font-weight:bold; text-align: center;}
.sec3 ul{ width: 88%; margin: 0 auto;}
.sec3 li{ margin-bottom: 30px;}
.sec3 li a{ display: block;position: relative;overflow: hidden; width: 100%; height: 104px; border-bottom: #d2d2d2 solid 1px; background-image: url(../images/a_title.png); background-position: right 70%; background-repeat: no-repeat;}
.sec3 li a .sec3_title{position: absolute; left: 0; top: 55%; z-index: 2;  color: #333; font-size: 28px; line-height: 1.1; font-weight: bold;}
.sec3 li a span{ position: absolute; left: 0; top: 0; z-index: 1; font-family: "montserrat"; font-size: 180px; line-height: 1; font-weight: bold; color: #eaeaea;}
.sec3 li img{ max-width:100%;}
.sec3 li .sec3_cont{ padding: 0 30px; height: 0; width: 100%; overflow: hidden;-webkit-transition:all .4s ease-out;transition:all .4s ease-out;}

.sec3 li .sec3_cont p{ color: #999; font-size: 16px; padding-bottom: 18px; line-height: 2.5; text-align: justify;}
.sec3 li .sec3_cont p span{ color: #b71b30;}

.sec3 li.active a{background-image: url(../images/a_title1.png);}
.sec3 li.active .sec3_cont{ padding: 30px; height: auto;}
.sec3 li.active .sec3_cont.sp{display: -webkit-flex; /* Safari */display: flex;flex-direction: row;flex-wrap:wrap;align-items:stretch; justify-content:space-between;}
.sec3 li.active a .sec3_title{ color:#b71b30;}
.sec3 li.active a span{color:#edcdd2;}
.sec3 li .sec3_cont.sp img{ max-width:24%;}

@media only screen and (max-width:1600px){
	/*sec0*/
	.sec0 .sec0_bg{ height: 88px; }
	.sec0 .sec_top{ padding: 96px 0 72px;}
	.sec0 .sec_top p{font-size: 16px;}
	.sec0 .sec_bottom{ border-top-right-radius: 42px; }
	.sec0 .sec_bottom .sec_left{ width: 52.3%; }
	.sec0 .sec_bottom .sec_left p{ width: 70%;font-size: 14px; line-height:2.2;}
	.sec0 .sec_bottom .sec_left p strong{ font-size:16px; padding-top: 18px; }
	.sec0 .sec_bottom .sec_right{width: 47.6%;}
	/*sec1*/
	.sec1{ padding-top: 102px; }
	.sec1_top{ padding-bottom: 206px;}
	.sec1_top .sec_left{ width: 44%;}
	.sec1_top .sec_right{ max-width: 48.5%;}
	.sec_title1 h3{ font-size: 36px; }
	.sec_title1 p{ padding-top: 32px;font-size: 16px;}

	.sec1_top .sec_left ul{ margin-top: 36px;}
	.sec1_top .sec_left .sec_text{ padding-bottom: 58px;}
	.sec1_top .sec_left .sec_num.first,.sec1_top .sec_left .sec_text.first{ padding-top: 48px; }
	.sec1_top .sec_left .sec_num.first span{ top:54px;}

	.sec1_bottom{ min-height: 618px;}
	.sec1_bottom .tab_title{ padding-top: 68px; padding-bottom: 34px;}
	.sec1_bottom .tab_title a{font-size: 22px; padding-bottom: 10px;}
	.sec1_bottom .tab_title a:nth-child(1){ margin-right: 46px;}
	.sec1_bottom .tab_title a .tab_icon{ top: -8px; left: -8px; }
	.sec1_bottom .tab_title a.active{ border-bottom: #b71b30 solid 3px;}
	.sec1_bottom .tab_cont{ width: 44.5%; }
	.sec1_bottom .tab_cont p{ font-size: 14px; line-height: 2.2; padding-bottom: 30px;}
	.sec1_bottom_img{width: 43%;}
	.sec1_bottom_img img{ width: 100%;}
	/*sec2*/
	.sec2{ padding-top: 144px; padding-bottom: 106px;}
	.sec2 h3{font-size: 34px; }
	.sec2 ul{ padding-top: 56px; }
	.sec2 li{ width: 23%; }

	.sec2 li .sec2_cont{ padding: 58px 0 96px; }
	.sec2 li .sec2_cont h4{ font-size: 18px; padding: 56px 0 20px;}
	.sec2 li .sec2_cont p{width: 80%; font-size: 14px; line-height:1.625;}
	.sec2 li .sec2_cont span{ bottom: 20px; left:20px; font-size: 18px;}
	.sec2 li .sec2_cont img{ max-width: 80%;}

	/*sec3*/
	.sec3{ margin-bottom:0;}
	.sec3.grayBg .inner{ padding-bottom: 96px;}
	.sec3 h3{ padding-top:64px; padding-bottom: 48px;font-size: 34px;}
	.sec3 ul{ width: 88%;}
	.sec3 li{ margin-bottom: 24px;}
	.sec3 li a{  height: 82px; background-position: right 70%; }
	.sec3 li a .sec3_title{top: 55%; font-size: 24px;}
	.sec3 li a span{ font-size: 144px; }
	.sec3 li .sec3_cont{ padding: 0 24px; }
	.sec3 li .sec3_cont p{ font-size: 14px; padding-bottom: 14px; line-height: 2.2; }
	.sec3 li.active .sec3_cont{ padding: 24px; }




}
@media only screen and (max-width:1440px){
	.sec_title1 h3{ font-size:30px; }
	.sec_title1 p{ padding-top:26px;}
	.sec1_top{ padding-bottom: 106px;}
	.sec2{ padding-top:	100px;}
	.sec2 h3,.sec3 h3{ font-size:30px; }
	.sec2 li{ width:24%;}
	
	
}
@media only screen and (max-width:1280px){
	.sec1_top .sec_left .sec_text{line-height:1.8;}
	.sec1_top .sec_left{ width: 45%;}
	.sec1_bottom{min-height:520px;}
	.sec2{ padding-top:	140px;}
	.sec3 li a .sec3_title{ font-size: 20px;}
}
@media only screen and (max-width:1152px){
	.sec1_bottom{min-height:500px;}
}
@media only screen and (max-width:1024px){

	.sec0 .sec0_bg{ height: 50px; }
	.sec0 .sec_top{ padding: 60px 0 40px;}
	.sec0 .sec_top p{font-size: 1.4rem;}
	.sec0 .sec_bottom{ border-top-right-radius: 26px; }
	.sec0 .sec_bottom .sec_left{ width: 52.3%; }
	.sec0 .sec_bottom .sec_left p{ width: 80%;font-size: 1.3rem; line-height:2;}
	.sec0 .sec_bottom .sec_left p strong{ font-size:1.4rem; padding-top: 16px; }
	.sec0 .sec_bottom .sec_right{width: 47.6%;}
	
	.sec1{ padding-top: 64px; }
	.sec1_top{ padding-bottom: 130px;}
	.sec1_top .sec_left{ width: 44%;}
	.sec1_top .sec_right{ max-width: 48.5%;}
	.sec_title1 h3{ font-size: 2.7rem; }
	.sec_title1 p{ padding-top: 20px;font-size:1.4rem;}

	.sec1_top .sec_left ul{ margin-top: 22px;}
	.sec1_top .sec_left .sec_num{width:12%; font-size:1.7rem; line-height:1.6; }
	.sec1_top .sec_left .sec_num span{ top:3px; right: -1px; width: 1px; height:12px; }
	.sec1_top .sec_left .sec_text{ width: 82%; font-size: 1.2rem; padding-bottom: 36px;color: #444;}
	.sec1_top .sec_left .sec_num.first,.sec1_top .sec_left .sec_text.first{ padding-top: 30px; }
	.sec1_top .sec_left .sec_num.first span{ top:33px;}
	.sec1_top .sec_left li a:hover .sec_num{ color: #999;}
	.sec1_top .sec_left li a:hover .sec_num span{ background-color: #ddd;}
	.sec1_top .sec_left li a:hover .sec_text{ color: #444;}

	.sec1_bottom{ min-height: 390px;}
	.sec1_bottom .tab_title{ padding-top: 42px; padding-bottom: 22px;}
	.sec1_bottom .tab_title a{ font-size: 1.9rem; border-bottom: #fff solid 2px; padding-bottom: 6px;}
	.sec1_bottom .tab_title a:nth-child(1){ margin-right: 28px;}
	.sec1_bottom .tab_title a .tab_icon{ top: -6px; left: -6px; }
	.sec1_bottom .tab_title a.active{ border-bottom: #b71b30 solid 2px;}
	.sec1_bottom .tab_cont{ width: 44.5%; }
	.sec1_bottom .tab_cont p{ font-size: 1.3rem; line-height: 2; padding-bottom: 20px;}
	
	.sec2{ padding-top: 90px; padding-bottom: 66px;}
	.sec2 h3{font-size: 2.7rem; }
	.sec2 ul{ padding-top: 35px; }
	.sec2 li{ width: 48%; margin-bottom: 20px; }

	.sec2 li .sec2_cont{ padding: 36px 0 60px; }
	.sec2 li .sec2_cont h4{ font-size:1.5rem; padding: 36px 10px 12px; color: #fff;}
	.sec2 li .sec2_cont p{width: 80%; font-size: 1.3rem; line-height:1.625; color: #fff;}
	.sec2 li .sec2_cont span{ bottom: 12px; left:12px; font-size: 1.5rem; opacity: 1;}
	.sec2 li .sec2_cont img{ max-width: 80%;}
	
	.sec2 li:nth-child(1){ background-image:url(../images/smartcloud_sec2_img1_1.jpg);}
	.sec2 li:nth-child(2){ background-image:url(../images/smartcloud_sec2_img2_1.jpg);}
	.sec2 li:nth-child(3){ background-image:url(../images/smartcloud_sec2_img3_1.jpg);}
	.sec2 li:nth-child(4){ background-image:url(../images/smartcloud_sec2_img4_1.jpg);}
	.sec2 li .sec2_cont .sec2_img{background-image:url(../images/smartcloud_sec2_icon1.png); width: 40px; height: 36px;}
	.sec2 li .sec2_cont .sec2_img.sec2_img2{background-image:url(../images/smartcloud_sec2_icon2.png);}
	.sec2 li .sec2_cont .sec2_img.sec2_img3{background-image:url(../images/smartcloud_sec2_icon3.png);}
	.sec2 li .sec2_cont .sec2_img.sec2_img4{background-image:url(../images/smartcloud_sec2_icon4.png);}

	
	.sec3{ margin-bottom: 0;}
	.sec3.grayBg .inner{ padding-bottom: 60px;}
	.sec3 h3{ padding-top: 40px; padding-bottom: 30px;font-size: 2.7rem;}
	.sec3 ul{ width: 88%;}
	.sec3 li{ margin-bottom: 15px;}
	.sec3 li a{  height: 52px; border-bottom: #d2d2d2 solid 1px; background-image: url(../images/a_title.png); background-position: right 70%; background-size: 8px auto;}
	.sec3 li a .sec3_title{top: 55%; font-size: 1.9rem;}
	.sec3 li a span{ font-size: 8rem; }
	.sec3 li .sec3_cont{ padding: 0 15px; }
	.sec3 li .sec3_cont p{ font-size: 1.3rem; padding-bottom: 10px; line-height: 2; }
	.sec3 li.active .sec3_cont{ padding: 15px; }
	.sec3 li.active .sec3_cont.sp{align-items:flex-start}
	.sec3 li img{max-width: 50%; }
	.sec3 li.active .sec3_cont.sp img{ max-width: 50%; height: auto; }
}
@media only screen and (max-width:850px){
	.sec0 .sec_bottom .sec_left,.sec0 .sec_bottom .sec_right{ width:100%;}
	.sec0 .sec_bottom .sec_right img{ width:100%;}
	.sec0 .sec_bottom .sec_left{ padding: 30px 0; }
	.sec0 .sec_bottom .sec_left p{ width:92%;}
	.sec1_top .sec_left,.sec1_top .sec_right{ width:100%; max-width: none; text-align: center;}
	.sec1_top .sec_right img{ width:auto; max-width: 100%; margin:0 auto;}
	.sec1_bottom .tab_cont{ width:100%;}
	.sec1_bottom_img{ width:100%; position:static;}
	
	.sec3 li a .sec3_title{ font-size:1.7rem;}
}