﻿/*about-profile*/
.page_content .page_tt{ margin-bottom: 0.4rem;}
.pros_list{ width: 100%; background: #f6f7f9; padding: 0.4rem 0;}
.pros_list dt{ position: relative; height:40px; line-height: 40px; padding-left: 10px; margin-bottom: 0.3rem;  color: #333; font-size: 26px;}
.pros_list dt:before{ position: absolute; left: 0; top: 9px; width: 6px; height: 20px; border-radius: 4px; background: #f08300; content: '';}
.pros_list dt span{ display: inline-block; vertical-align: middle;  margin-right: 12px;}
.pros_list dd ul li{ float: left; width: 5rem; margin-right: 0.5rem; margin-bottom: 0.4rem;}
.pros_list dd ul li:nth-child(3n){ margin-right: 0;}
.pros_list dd ul li a{ display: block; padding:0.05rem; background: #fff;}
.pros_list dd ul li .pic{ width: 100%; overflow: hidden; text-align: center;}
.pros_list dd ul li .pic img{ width: 100%;transition: all 0.6s;}
.pros_list dd ul li .txt{ width: 100%; padding: 0.2rem 0; text-align: center;}
.pros_list dd ul li .txt h3{ width: 100%; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 30px; font-size: 24px; color: #333;}
.pros_list dd ul li .txt p{width: 100%; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;line-height: 30px; font-size: 12px; color: #666;}
.pros_list dd ul li a:hover{ background: #f08300;}
.pros_list dd ul li a:hover .pic img{transform: scale(1.1);}
.pros_list dd ul li a:hover h3{ color: #fff;}
.pros_list dd ul li a:hover p{ color: #fff;}

.pros_detail_banner{ position: relative; width: 100%; height: 6.9rem; background: url(../images/pros_detail_banner.png) no-repeat center top; background-size: cover;}
.pros_detail_banner .wal3{ position: relative; padding: 1rem 0; }
.pros_detail_banner .txt{width: 5.8rem; float: right; padding-top: 0.3rem;}
.pros_detail_banner .txt .type{ line-height: 30px; font-size: 18px; color: #333; }
.pros_detail_banner .txt .name{ line-height: 0.8rem; padding-bottom: 0.2rem; font-size: 0.46rem; color: #f08300; font-weight: bold; border-bottom: 1px solid #dbdbdb; }
.pros_detail_banner .txt .wen{ padding-top: 0.1rem; color: #000; font-size: 0.22rem; }
.pros_detail_banner .txt .msgList{ padding-top: 0.2rem; }
.pros_detail_banner .txt .msgList li{ padding-left: 25px; font-size: 16px; line-height: 38px; background: url("../images/icon1.png") left 13px no-repeat; }
.pros_detail_banner .pic{ float: left; margin-left: 1.3rem }
.pros_detail_banner .pic img{ width: 4.67rem; }
.pros_detail_banner .pros_num{ position: absolute; left: 0; bottom: -1.1rem; width: 100%; height: 1.8rem; background: #f8f8f8;}
.pros_detail_banner .pros_num ul{ width: 100%; display: flex;display: -webkit-flex;justify-content: space-between; text-align: center;}
.pros_detail_banner .pros_num ul li{ position: relative; padding: 0.4rem 0; flex: 1;}
.pros_detail_banner .pros_num ul li:before{ position: absolute; right: 0; top: 50%; margin-top: -10px; content: ''; width: 1px; height: 40px; background: #e5e5e5;}
.pros_detail_banner .pros_num ul li:last-child:before{width: 0;}
.pros_detail_banner .pros_num ul li h3{ color: #f08300; font-size: 0.55rem;}
.pros_detail_banner .pros_num ul li p{color: #333; font-size: 0.18rem;}

.advanced_technology{ width: 100%; padding: 1.5rem 0 0.4rem 0;}
.advanced_technology .pic img{ width: 100%;}
.pros_tt{ position: relative; height: 50px; margin-bottom: 0.5rem; text-align: center; font-size: 30px; color: #333; font-weight: bold;}
.pros_tt:before{ position: absolute; left:50%; bottom: 0; margin-left: -10px; content: ''; width: 20px; height: 6px; background:#f08300;}
.specifications{ width: 100%; padding-top: 0.7rem;padding-bottom: 0.5rem; background:#251a1a url(../images/pros_specifications.png) no-repeat center top;}
.specifications .pros_tt{ color: #fff;}
.specifications .txt_box{ width: 8.5rem;}
.specifications .txt_box ul li{ border-bottom: 1px solid #4e4545; color: #fff; font-size: 14px; line-height: 30px;}
.specifications .txt_box ul li:last-child{ border-bottom: 0;}
.specifications .txt_box ul li .tt{ float: left; width: 2.1rem;}
.specifications .txt_box ul li .txt{ float: left; width: 6.4rem;}
.specifications .txt_box ul li .list_li span{ display: inline-block; width: 35%; text-align: center;}
.specifications .pic{ width: 4.4rem;}
.specifications .pic img{ width: 100%;}
.specifications .txt_box img{ width: 100%;}


@media screen and ( max-width:1024px ){
	.specifications .txt_box ul li .list_li span{ display: inline-block; width: 50%; text-align: center;}
	.page_content .page_tt img{ width: 5.71rem;}
	.pros_list dt{padding: 0 10px; font-size: 14px;}
	.pros_list dd ul{ padding: 0 10px;}
	.pros_list dd ul li .pic{ width: 100%; height: auto;}
	.pros_list dd ul li{ float: none; width: 100%; margin-right:0; margin-bottom: 15px;}
	.pros_list dd ul li .pic img{ width: 100%;}
	.pros_detail_banner{ height: auto; padding-top: 0;}
	.pros_detail_banner .pic{ float: none; margin-left: 0; width: 100%; text-align: center; margin-bottom: 0.4rem;}
	.pros_detail_banner .pic img{ max-width: 100%;}
	.pros_detail_banner .txt{ float: none; width: auto; padding: 0 0.3rem;}
	.advanced_technology .pic img{ width: 100%;}
	.specifications .pic{ display: none; float: none;}
	.specifications .txt_box{ float: none; width: auto; padding: 0 0.3rem;}
}
 




