@charset "utf-8";
.box_title_a{font-size: var(--f38); line-height: 1.34; color: var(--fcolor-a2); font-weight: normal; padding: 0 0 25px 0;}

.about_container{padding: 75px 0;}
.about_container > div{text-align: center;}
.about_container > div > p{font-size: var(--f20); line-height: 1.678; letter-spacing: 1px; padding: 25px 0 0 0;}
.about_container > div > ul{display: flex; width: 100%; background: url('../images/index_about_line.png') no-repeat center bottom; background-size: 100% auto; padding: 55px 0 45px 0;}
.about_container > div > ul li{width: 20%; margin: 0; box-sizing: border-box; font-size: var(--f20); border-right: 1px dashed var(--fcolor-a3);}
.about_container > div > ul li:last-child{border-right: none;}
.about_container > div > ul li img{display: block; height:64px; width:auto; margin:0 auto;}
.about_container > div > ul li span{display: block; padding: 10px 0;}
.about_container > div > h4{font-size: var(--f20); font-weight: normal; padding: 15px 0 0 0;}
.about_container > div > h4 span{color: var(--fcolor-a3); font-size: 52px;}

.about_portal{background: #F2F7FF; border-radius: var(--radius-35); margin: 45px auto;}
.about_portal_bg{background: var(--bgwhite-10);}
.about_portal .hd{}
.about_portal .hd > img{display: block; width: 100%; height:auto; margin: 0 auto; border-radius: var(--radius-35);}
.about_portal .bd{padding: 65px 0 85px 0; text-align: center;}
.about_portal .bd > h3{font-size: var(--f28); padding: 15px 0;}
.about_portal .bd > p{font-size: var(--f20);  line-height: 1.678; padding: 5px 0;}
.about_portal .bd > p img{max-width: 100%;}

.product_container{padding: 45px 0;}
.product_container > div{text-align: center;}
.product_container > div > ul{display: flex; width: 100%; flex-wrap: wrap;}
.product_container > div > ul li{width: 16.666%; margin: 0; box-sizing: border-box; font-size: var(--f20); padding: 5px;}
.product_container > div > ul li img{display: block; height:200px; width:auto; margin:0 auto;}
.product_container > div > ul li span{display: block; padding: 10px 0;}
.product_container > div > ul li a{background: var(--fcolor-a3); display: block; border-radius: var(--radius-15); padding: 10px 0; color: var(--bgwhite-10); text-decoration: none;}
.product_container > div > ul li a:hover{background: var(--fcolor-a2);}

.tags_container{margin:0 auto;}
.tags_container > div{background: var(--fcolor-a3); border-radius: var(--radius-35); display: flex; flex-wrap: wrap; align-items: center;}
.tags_container > div .tcol{box-sizing: border-box; margin:0; color: var(--bgwhite-10);}
.tags_container > div .tcol:first-child{padding: 35px 55px; width:45%;}
.tags_container > div .tcol:last-child{padding: 35px 15px 35px 0; width:55%;}
.tags_container > div .tcol > p{font-size: var(--f20); line-height: 1.678;}
.tags_container > div .tcol > ul{display: flex; flex-wrap: wrap; width: 100%;}
.tags_container > div .tcol > ul li{width: 25%; margin: 0; box-sizing: border-box; font-size: 80px; border-right: 1px dashed var(--bgwhite-5); text-align: center;}
.tags_container > div .tcol > ul li:last-child{border-right: none;}
.tags_container > div .tcol > ul li strong{font-weight: normal;}
.tags_container > div .tcol > ul li span{display: block; font-size: var(--f20);}

.news_container{margin:0 auto; padding: 95px 0;}
.news_container .hd{font-size: var(--f38); color: var(--fcolor-a2); display: flex;}
.news_container .hd img {width:auto; height: 76px;}
.news_container .hd span{padding: 35px 10px 0 10px;}
.news_container .bd{padding: 15px 0 15px 275px;}
.news_container .bd > p{text-align: right;}
.news_container .bd ul{display: block; padding: 10px 0 20px 0;}
.news_container .bd ul li{padding: 30px 0 0 0;}
.news_container .bd ul li a{text-decoration: none;}
.news_container .bd ul li a dl{width: 100%; display: flex; align-items: center; flex-wrap: wrap; line-height: 75px;}
.news_container .bd ul li a dl dt{font-size: var(--f24); border-bottom: 3px solid var(--fcolor-a3); color: var(--fcolor-a3); width: 190px; text-align: center;}
.news_container .bd ul li a dl dd{font-size: var(--f20); border-bottom: 1px solid var(--fcolor-a3); width: calc(100% - 210px); margin: 0 0 0 auto;}

.products_category_ul{width:100%; display: flex; align-items: center; flex-wrap: wrap; padding: 0 0 35px 0;}
.products_category_ul li{background:var(--bgblack-2); text-align: center; width:15%; margin: 0 2% 0 0; border-radius: var(--radius-10); font-size: var(--f18);}
.products_category_ul li:nth-child(6n){margin: 0 0 0 auto;}
.products_category_ul li:hover,.products_category_ul li.pactive{background:var(--fcolor-a3);}
.products_category_ul li a{display:block; padding:19px 0; text-decoration:none;}
.products_category_ul li a:hover{ color: var(--bgwhite-10);}
.products_category_ul li.pactive a{color: var(--bgwhite-10);}
.products_list_hd{display: block; width: 100%; padding: 5px 0 25px 0; text-align: center; line-height: 1.34;}
.products_list_hd h3{font-size: var(--f28); color: var(--fcolor-a3); letter-spacing: 1px;}
.products_list_hd p{font-size: var(--f14); color: var(--fcolor-a2);}

.platform_main{background: var(--bgwhite-10); border-radius: var(--radius-35); margin: 45px auto;}
.platform_main .hd{}
.platform_main .hd > img{display: block; width: 100%; height:auto; margin: 0 auto; border-radius: var(--radius-35);}
.platform_main .bd{padding: 45px 0; text-align: center;}
.platform_main .bd > h2{font-size: var(--f38); padding: 15px 0; color: var(--bgcolor-b2); font-weight: normal;}
.platform_main .bd > h3{font-size: var(--f28); padding: 15px 0;}
.platform_main .bd > p{font-size: var(--f20);  line-height: 1.89; padding: 10px 0;}
.platform_main .bd > p > img{display: block; margin:0 auto; max-width:100%; border-radius: var(--radius-15);}
.platform_main .bd .plist{padding: 15px 0 0 0; width: 100%; display: flex; flex-wrap: wrap;}
.platform_main .bd .plist li{width:48.5%; margin:30px 0; border:1px solid var(--fcolor-a3); border-left:1px solid var(--bgwhite-10); border-radius: 0 var(--radius-10)  var(--radius-10) 0;}
.platform_main .bd .plist li:nth-child(2n){margin:30px 0 30px auto;}
.platform_main .bd .plist li img{display: block; width:100%; margin:0 auto;}
.platform_main .bd .plist li dl{display: block; width:100%; height:100%; margin-left:0; margin-top:-15px; text-align: left;}
.platform_main .bd .plist li dl dt{font-size: var(--f24);}
.platform_main .bd .plist li dl dt span{border-right: 5px solid var(--bgwhite-10); background: var(--fcolor-a3); border-radius: var(--radius-10); color: var(--bgwhite-10); padding: 10px 20px;}
.platform_main .bd .plist li dl dd{padding: 15px 0; font-size: var(--f20); line-height: 1.789; padding: 30px 20px;}

@media only screen and (max-width: 1024px) {
	.box_title_a{font-size: var(--f28);}
	
	.about_container{padding: 45px 0;}
	.about_container > div > p{font-size: var(--f16); padding: 25px 15px 0 15px;}
	.about_container > div > ul{padding: 45px 0 35px 0;}
	.about_container > div > ul li{font-size: var(--f14);}
	.about_container > div > ul li img{height:32px;}
	.about_container > div > h4{font-size: var(--f16);}
	.about_container > div > h4 span{font-size: var(--f28);}

	.about_portal .bd{padding: 25px 15px 35px 15px;}
	.about_portal .bd h3{font-size: var(--f24); padding: 15px 0;}
	.about_portal .bd p{font-size: var(--f16);}
	.about_portal .bd > p > img{height:38px;}
	
	.product_container{padding: 35px 0;}
	.product_container > div > ul li{width: 50%; font-size: var(--f16);}
	.product_container > div > ul li img{height:160px;}

	.tags_container > div .tcol:first-child{padding: 35px 55px; width:100%;}
	.tags_container > div .tcol:last-child{padding: 5px 15px 25px 15px; width:100%;}
	.tags_container > div .tcol > p{font-size: var(--f18);}
	.tags_container > div .tcol > ul li{width: 50%; font-size: 60px; border-top: 1px dashed var(--bgwhite-5); border-right:none; padding: 25px 0;}
	.tags_container > div .tcol > ul li span{font-size: var(--f18);}
	
	.news_container{padding: 55px 0;}
	.news_container .hd{font-size: var(--f28);}
	.news_container .hd img{height:52px;}
	.news_container .hd span{padding: 20px 10px 0 10px;}
	.news_container .bd{padding: 15px 0;}
	.news_container .bd > p{text-align: right;}
	.news_container .bd ul{display: block; padding: 0 0 20px 0;}
	.news_container .bd ul li{padding: 20px 0 0 0;}
	.news_container .bd ul li a dl{line-height: 55px;}
	.news_container .bd ul li a dl dt{font-size: var(--f14); width: 90px;}
	.news_container .bd ul li a dl dd{font-size: var(--f16); width:calc(100% - 90px); box-sizing: border-box; padding: 0 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

	.products_category_ul{padding: 0 0 25px 0;}
	.products_category_ul li{width:48%; margin: 1%; font-size: var(--f16);}
	.products_category_ul li:nth-child(2n){margin: 0 0 0 auto;}
	
	.platform_main{margin: 25px auto;}
	.platform_main .bd{padding: 35px 0; text-align: center;}
	.platform_main .bd > h2{font-size: var(--f32); padding: 10px 0;}
	.platform_main .bd > h3{font-size: var(--f24); padding: 10px 0;}
	.platform_main .bd > p{font-size: var(--f13);}
	.platform_main .bd .plist li{width:100%; margin:25px auto;}
	.platform_main .bd .plist li:nth-child(2n){margin:25px auto;}
	.platform_main .bd .plist li dl dt{font-size: var(--f20);}
	.platform_main .bd .plist li dl dd{font-size: var(--f16); line-height: 1.678; padding: 25px 15px;}
}