@charset "utf-8";

/*~~~ %%home_fix_bannerbar ~~~*/
.home_fix_bannerbar{
	background-image:  url("../images/index/index_bigbanner.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;height:90vh;
}
/*~~~ %%index_big_banner_zone ~~~*/
.index_big_banner_zone{
	height:85vh;
}
.index_big_banner{
	background-image:  url("../images/index/big_banner01.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding:15vh 0 0 15vw; height: 100%;
}
.index_big_banner.big_banner01{background-image:  url("../images/index/big_banner01.jpg");}
.index_big_banner.big_banner02{background-image:  url("../images/index/big_banner02.jpg");}


/*~~~ %%system_product_zone ~~~*/
.system_product_zone{
	background-color: #D50026;
	background: linear-gradient(37deg, #EB350A 0%, #EF6B2C 50%, #EA1624 100%);
	padding: 30px 5vw 80px;
}
ul.system_products_list{display: flex;flex-direction: row;justify-content:space-between ;align-items: flex-start;flex-wrap:wrap;align-content: flex-start;}
ul.system_products_list>li{ background-color: #ffffff; min-height: 30vw; width: 31%; margin: 0 0 30px;box-shadow: 0 2px 5px rgba(0,0,0,.4);}
ul.system_products_list>.empty{background-color: transparent;box-shadow:none;}
ul.system_products_list>li:hover{/* background-color:#FECDD7; */}

dl.system_products_box{display: flex;flex-direction: column;justify-content:flex-start ;align-items:stretch;flex-wrap:nowrap;align-content: center;
padding: 20px 20px 20px;}
dl.system_products_box>dt{
	display: flex;flex-direction:row;justify-content:center;align-items:center;align-content:center;text-align: center; line-height: 1.2em; min-height: 2.8em;
	padding: 0 0 10px;
}
dl.system_products_box>dd{
	background-image:  url("../images/index/home_sbanner01.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 210px; margin-bottom:15px;
}
dl.system_products_box>dd.home_sbanner01{background-image:  url("../images/index/home_sbanner01.jpg");}
dl.system_products_box>dd.home_sbanner02{background-image:  url("../images/index/home_sbanner02.jpg");}
dl.system_products_box>dd.home_sbanner03{background-image:  url("../images/index/home_sbanner03.jpg");}
dl.system_products_box>dd.home_sbanner04{background-image:  url("../images/index/home_sbanner04.jpg");}
dl.system_products_box>dd.home_sbanner05{background-image:  url("../images/index/home_sbanner05.jpg");}
dl.system_products_box>dd.home_sbanner06{background-image:  url("../images/index/home_sbanner06.jpg");}

dl.system_products_box>ol{height: 270px;
	display: flex;flex-direction: column;justify-content:flex-start ;align-items:stretch;flex-wrap:nowrap;
}
dl.system_products_box>ol>li{border-top: 2px solid transparent;border-bottom: 2px solid transparent;
	display: flex;flex-direction: row;justify-content:flex-start;align-items:stretch;
}
dl.system_products_box>ol.line5>li{height: 20%;}
dl.system_products_box>ol.line4>li{height: 25%;}
dl.system_products_box>ol.line3>li{height: 33.33%;}
dl.system_products_box>ol>li>i{
	background-color: #ED551A;display: flex;flex-direction: column;justify-content:center;align-items:center;text-align: center;
	flex-grow: 0; flex-shrink:0; flex-basis:90px; color: #ffffff;
}
dl.system_products_box>ol>li>em{
	background-color: #FEEBA8;background: linear-gradient(90deg, #FFAB61 0%, #FFF2C3 99%); /* #FFD376 0%, #FEEBA8 99% */
	display: flex;flex-direction:row;justify-content:center;align-items:center;align-content:center;text-align: center; line-height: 1.2em;
	flex-grow: 1;flex-shrink:1; padding: 0 20px;
}
dl.system_products_box>h6{display: flex;flex-direction:row;justify-content:space-between;align-items:center;
width: 100%; padding: 20px 0 10px;
}
dl.system_products_box>h6>a{
	background: linear-gradient(90deg, #E72411 0%, #D20058 99%);
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.30);
	display: block;height: 42px;/* 2em; */line-height: 38px;  border-radius: 0; color: #ffffff; padding: 0em 1em; min-width: 6em; text-align: center;
}
dl.system_products_box>h6>a.line_butn{color: #DF002D;border: 1px solid #DF002D;background: #ffffff;box-shadow: none;}
dl.system_products_box>h6>a:hover{
	background: #F83C0A;
}
dl.system_products_box>h6>a.line_butn:hover{ color: #ffffff;box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.30);}

/*~~~ %%index_product_zone ~~~*/
.index_product_zone{
	background-color: #D50026;
	background: linear-gradient(90deg, #DF002C 0%, #DD0050 99%);
	padding: 30px 5vw 80px;
}
.index_title_bar{
	padding: 20px 0 40px;
}
.index_title_bar>h1{ color: rgba(255,255,255,0.7); font-weight: 800;text-transform:Uppercase;line-height: 1.3em;}/*~~~ %%英语字母全大写 ~~~*/
.index_title_bar>h3{ color: #ffffff; font-weight: 800;line-height: 1.3em;}

ul.products_intro_list{display: flex;flex-direction: row;justify-content:space-between ;align-items: flex-start;flex-wrap:wrap;align-content: flex-start;}
ul.products_intro_list>li{ background-color: #ffffff; min-height: 30vw; width: 31%; margin: 0 0 30px;box-shadow: 0 2px 5px rgba(0,0,0,.4);}
ul.products_intro_list>li:hover{background-color:#FECDD7;}
dl.products_intro_box{display: flex;flex-direction: column;justify-content:flex-start ;align-items:center;flex-wrap:nowrap;align-content: center;
padding: 40px 30px 40px;
}
dl.products_intro_box>dt{ padding: 10px 0 20px;
}
dl.products_intro_box>dt>i{color: #DF002D; width: 4.2em;height:2.8em;background-color: #ffffff;
border-radius: 0.2em;box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15); display: block;
display: flex;flex-direction: column;justify-content:center ;align-items:center; 
	background-image:  url("../images/index/index_sort01.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
dl.products_intro_box>dt>i.sort01{background-image:  url("../images/index/index_sort01.jpg");}
dl.products_intro_box>dt>i.sort02{background-image:  url("../images/index/index_sort02.jpg");}
dl.products_intro_box>dt>i.sort03{background-image:  url("../images/index/index_sort03.jpg");}
dl.products_intro_box>dt>i.sort04{background-image:  url("../images/index/index_sort04.jpg");}
dl.products_intro_box>dt>i.sort05{background-image:  url("../images/index/index_sort05.jpg");}
dl.products_intro_box>dt>i.sort06{background-image:  url("../images/index/index_sort06.jpg");}


dl.products_intro_box>dd{ color: #DF002D; border-bottom: 1px solid #DF002D; width: 100%; display: flex;flex-direction: column;justify-content:flex-start ;align-items:center;align-content:center;
height: 3.1em;line-height: 1.2em; text-align: center;
}
dl.products_intro_box>h5{ color: #666666;padding: 1em 1em 2em;
}
dl.products_intro_box>h5>span{
  text-overflow: ellipsis;/*多行文本 用省略号...隐藏超出文本*/
  display: -webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient: vertical; line-height: 1.4em; height: 4.3em;overflow: hidden;
}
dl.products_intro_box>h6{}
dl.products_intro_box>h6>a{
	background: linear-gradient(90deg, #E72411 0%, #D20058 99%);
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.30);
	display: block;height: 2em; border-radius: 1em; color: #ffffff; padding: 0.2em 1.9em;
}
dl.products_intro_box>h6>a:hover{
	background: #F83C0A;
}

/*~~~ %%index_services_zone ~~~*/
.index_services_zone{
	background: url("../images/index/block_services_bg.jpg") center center / cover no-repeat;
	padding: 30px 5vw 80px;
	min-height:85vh;
}
ul.services_info_block{display: flex;flex-direction: row;justify-content:space-between;align-items: stretch;flex-wrap:wrap;}
ul.services_info_block>li{min-height:25vw;}
ul.services_info_block>li.ser_left{flex-grow: 0; flex-shrink:1; flex-basis:50%; padding: 0 8vw 3vh 0;}
ul.services_info_block>li.ser_left>span{text-indent:2em;display: block; padding: 0 0 0em; min-height: 70%;}
ul.services_info_block>li.ser_left>a.btn_more{
	display:inline-block;
	background: linear-gradient(90deg, #E72411 0%, #D20058 99%);
	height: 2.6em; line-height: 2.6em; border-radius: 1.5em; color: #ffffff; padding: 0 3.5em; 
	text-align: center;	 text-decoration: none;
}
ul.services_info_block>li.ser_left>a.btn_more:hover{
	background: #F83C0A;
}
ul.services_info_block>li.ser_right{flex-grow: 0; flex-shrink:1; flex-basis:50%; 
	display: flex;flex-direction:row;justify-content: space-between;align-items:stretch;flex-wrap:nowrap;align-content: center;
}

ul.services_info_block>li.ser_right>dl{flex-grow: 0; flex-shrink:0; flex-basis:48%; background-color: rgba(223,0 ,44,0.8); min-height: 25vh;
padding: 50px 30px 30px;
display: flex;flex-direction:column;justify-content: flex-start;align-items:flex-start;flex-wrap:nowrap;
}
ul.services_info_block>li.ser_right>dl>dt{padding: 0 0 1.5em;}
ul.services_info_block>li.ser_right>dl>dd{min-height: 55%; padding: 0 0 1.7em;
}
ul.services_info_block>li.ser_right>dl>dd>span{
  text-overflow: ellipsis;/*多行文本 用省略号...隐藏超出文本*/
  display: -webkit-box;
  -webkit-line-clamp:5;
  -webkit-box-orient: vertical; line-height: 1.4em; height: 7.1em;overflow: hidden;
}
ul.services_info_block>li.ser_right>dl>a{border: 1px solid #ffffff; padding: 0.5em 1.8em; text-decoration: none; align-self: flex-end;}
ul.services_info_block>li.ser_right>dl>a:hover{ background-color: #ffffff; color: #DF002D;}

/*~~~ %%inex_news_block ~~~*/
.inex_news_block{
	background: linear-gradient(90deg, #DF002C 0%, #DD0050 99%);
	padding: 30px 5vw 80px;min-height:85vh;
}

ol.index_news_box{display: flex;flex-direction:row;justify-content: space-between;align-items:stretch;flex-wrap:nowrap;}
ol.index_news_box>li{flex-grow: 0; flex-shrink:0; flex-basis:32%;min-height: 50vh; background-color: #ffffff; margin: 0 0 2vh;}

dl.news_sbox{display: flex;flex-direction:column;justify-content: flex-start;align-items:flex-start;flex-wrap:nowrap;}
dl.news_sbox>h6{background-color: #DF002D;
	background-image:  url("../images/index/index_news_bg.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
 height:360px; position: relative;width: 100%;}
dl.news_sbox>h6>i{ width: 28%; height: 50px; line-height: 50px; text-align: center; background-color:rgba(223,0 ,44,0.8); display: block;position: absolute;top: 0;left: 0;color: #ffffff;z-index: 10;}
dl.news_sbox>h6>a{width: 100%;height: 100%;display: block;position: absolute;top: 0;left: 0;z-index: 5;}
dl.news_sbox>dt{padding: 0.6em 5% 0.6em; width: 100%;}
dl.news_sbox>dd{padding: 0.3em 5% 0.6em;}
dl.news_sbox>dd>a{
  text-overflow: ellipsis;/*多行文本 用省略号...隐藏超出文本*/
  display: -webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient: vertical; line-height: 1.4em; height: 4.3em;overflow: hidden;
}
dl.news_sbox>h3{padding: 20px 5% 40px; align-self: flex-end;}
dl.news_sbox>h3>a{border: 1px solid #DF002D; padding: 0.5em 1.8em; text-decoration: none; color: #DF002D;display: block;min-width: 8em;}
dl.news_sbox>h3>a:hover{  background-color: #DF002D; color: #ffffff;}

dl.news_all_box{position: relative; padding: 60px 0 0;
	display: flex;flex-direction:column;justify-content: flex-start;align-items:flex-start;flex-wrap:nowrap;
}
dl.news_all_box>i{width: 28%; height: 50px; line-height: 50px; text-align: center; background-color:rgba(223,0 ,44,0.8); display: block;position: absolute;top: 0;left: 0;color: #ffffff;}
dl.news_all_box>dd{width: 100%; border-bottom: 1px dotted #dddddd;}
dl.news_all_box>dd>a{ display: block;padding: 12px 5% 14px; }

dl.news_all_box>dd>a>h1{
  text-overflow: ellipsis;/*多行文本 用省略号...隐藏超出文本*/
  display: -webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient: vertical; line-height: 1.4em; height: 1.5em;overflow: hidden;
}
dl.news_all_box>dd>a>em{ font-size: 70%; display: block;}
dl.news_all_box>dd>a:hover{ background-color: #FECDD7}
dl.news_all_box>h3{padding: 20px 5% 40px; align-self: flex-end;}
dl.news_all_box>h3>a{border: 1px solid #DF002D; padding: 0.5em 1.8em; text-decoration: none; color: #DF002D;display: block; min-width: 8em;}
dl.news_all_box>h3>a:hover{  background-color: #DF002D; color: #ffffff;}

/*~~~ %%index_partner_block ~~~*/
.index_partner_block{
	background: linear-gradient(90deg, #DF002C 0%, #DD0050 99%);
	padding:0;height:88vh; font-size: 0; position: relative;
}
.index_partner_video {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.index_partner_cont{
	width: 100%; height: 100%; position: absolute;z-index: 10; float: left;top: 0; left:0;padding: 30px 5vw 80px;
	font-size: 14px;
}
.slide_partner{}
.slide_partner>dl{margin: 0 auto; width: 100%;}
.slide_partner>dl>dd{
	width: 100%;height: 500px;
	background-image:  url("../images/index/partner_a01.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size:contain ;
}
.slide_partner>dl>dd.partner_01{background-image:  url("../images/index/partner_a01.png");}
.slide_partner>dl>dd.partner_02{background-image:  url("../images/index/partner_a02.png");}
.slide_partner>dl>dd.partner_03{background-image:  url("../images/index/partner_a03.png");}
.slide_partner>dl>dd.partner_04{background-image:  url("../images/index/partner_a04.png");}
.slide_partner>dl>dd.partner_05{background-image:  url("../images/index/partner_a05.png");}

/*~~~ %%index_aboutus_block ~~~*/
.index_aboutus_block{
	/* background: linear-gradient(90deg, #DF002C 0%, #DD0050 99%); */
	background: url("../images/index/index_aboutus_bg2.png")right center / 56% auto no-repeat #DF002C;
	padding: 30px 5vw 80px;min-height:75vh;
}
ul.aboutus_info_block{display: flex;flex-direction: row;justify-content:space-between;align-items: stretch;flex-wrap:wrap;}
ul.aboutus_info_block>li{min-height:25vw;}
ul.aboutus_info_block>li.ser_left{flex-grow: 0; flex-shrink:1; flex-basis:50%; padding: 0 8vw 0 0;}
ul.aboutus_info_block>li.ser_left>span{text-indent:2em;display: block; padding: 0 0 2em; min-height: 70%;}
ul.aboutus_info_block>li.ser_left>a.btn_more{
	display:inline-block;
	background: linear-gradient(	-80deg, #FFC5D0 0%,#FFF4F6 40%, #FFFFFF 100%);
	height: 2.6em; line-height: 2.6em; border-radius: 1.5em; color: #DF002D; padding: 0 3.5em; 
	text-align: center;	 text-decoration: none;
}
ul.aboutus_info_block>li.ser_left>a.btn_more:hover{
	background: #F83C0A;color: #ffffff;
}
ul.aboutus_info_block>li.ser_right{flex-grow: 0; flex-shrink:1; flex-basis:50%; height: 55vh;
/* 	background-image:  url("../images/index/index_aboutus_bg.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size:contain ; */
}

/*=====@media screen媒体查询=====*/

/*=====小于等于900px=====*/
@media screen and (max-width:1366px){
.index_partner_block {
    height: 750px;
}

}

@media screen and (max-width:900px){
.home_fix_bannerbar{
	background-image:  url("../images/index/index_bigbanner_m.jpg");
}

ul.products_intro_list>li{  width: 100%; }

ul.services_info_block>li.ser_left{flex-grow: 0; flex-shrink:0; flex-basis:100%;}
ul.services_info_block>li.ser_right{flex-grow: 0; flex-shrink:0; flex-basis:100%;}

ol.index_news_box{flex-wrap:wrap;}
ol.index_news_box>li{flex-grow: 0; flex-shrink:0; flex-basis:100%;}


ul.aboutus_info_block>li.ser_left{flex-grow: 0; flex-shrink:0; flex-basis:100%;}
ul.aboutus_info_block>li.ser_right{flex-grow: 0; flex-shrink:0; flex-basis:100%;}
/*~~~ %%system_product_zone ~~~*/
ul.system_products_list>li{ width: 100%; }

}
/*=====///==小于等于900px=====*/