h1,h2,h3,h4,dl,dt,dd,a,p,span,ul,li,ol { line-height: 1; } .content { margin: 3.75em 0 2.25em 0; width: 100%; padding: 48px 0 0 0; } .aside { width: 9.375em; margin: 0 2.625em 0 0; float: left; min-height: 500px; /*background: blue;*/ } .main_content{ width: 50.625em; min-height: 500px; float: right; /*background: yellow;*/ } /*宸︿晶鑿滃崟*/ .aside_wrap { border-top: 0.375em solid #db1b21; /*position: fixed;*/ /*top: 6.75em;*/ } .aside_menu>dt { font-size: 18px; color: #333; padding: 20px 0; } .aside_menu>dd { font-size: 15px; height: 1.5em; line-height: 1.5em; width: 100%; margin: 0 0 0.5em 0; } .aside_menu>dd:last-child { margin: 2em 0 0 0; } .aside_menu>dd a { display: block; width: 100%; color: #666; height: 1.5em; line-height: 1.5em; padding: 0 0 0 1em; } .aside_menu>dd a:hover{ padding: 0 0 0 0.875em; border-left: 2px solid #db1b21; color: #db1b21; } .isActive { padding: 0 0 0 0.875em; border-left: 2px solid #db1b21; color: #db1b21 !important; } .aside_menu>dd:last-child { padding: 0 0 0 1em; } .sub_menu dt { font-size:15px; color: #666; padding: 0 0 10px 0; } .sub_menu dd { font-size: 0.875em; color: #999; /*height: 1.5em;*/ /*line-height: 1.5em;*/ line-height: 0.875em; padding: 0 0 10px 0; } /*鍐呭鍖?/ /*鍏叡鏍囬鏍峰紡*/ .proj_title h2 { font-size: 1.125em; color: #db1b21; line-height: 34px; border-bottom: 1px solid #db1b21; margin: 2.5em 0 2.25em 0; } .proj_title h2 span { display: inline-block; height: 34px; line-height: 34px; border-bottom: 2px solid #db1b21; } .type_title { padding: 0 0 0 1em; margin: 1.5em 0 1em 0; border-left: 3px solid #db1b21; font-size: 1em; height: 1.625em; line-height: 1.625em; font-weight: 400; } /*banner*/ .proj_banner_desc { padding: 1.0em 0 0 0; } .interval { height: 1.125em; } .proj_banner_desc p { font-size: 0.875em; /*text-indent: 2em;*/ text-indent: 1.75em; color: #666; line-height: 1.7; padding: 0.5em 0; } /*system_fra*/ .proj_fra_desc h4 { font-size: 15px; color: #454545; font-weight: 400; margin: 2.25em 0 1.5em 0; } .des{ font-size: 0.875em; line-height: 1.7; color: #666; } .product_system_pic_tri { display: inline-block; margin: 0 0.75em 0 0; } /*proj_product_content*/ .product_type_tag dl,.product_type_anchor dl,.product_type_system dl { background: #f3f6f9; } .product_type_tag dd{ float: left; width: 33.33%; padding: 1.875em 0 0 0; } .product_type_anchor dd{ float: left; width: 50%; padding: 1.875em 0 0 0; } .product_type_tag dd a,.product_type_anchor dd a,.product_type_system dd a { cursor: default; } .product_type_tag dd a,.product_type_anchor dd a { display: block; width: 100%; text-align: center; } .product_type_tag dd a img { width: 10em; height: 10em; } .product_type_anchor dd a img { width: 12.625em; height: 14.5em; } .product_type_tag dd a p,.product_type_anchor dd a p { text-align: center; height: 3.25em; font-size: 1em; position: relative; margin: 1.25em 0 1.875em 0 ; } .product_type_tag i.sub_type,.product_type_anchor i.sub_type { color: #fff; width: 6.875em; font-style: normal; height: 3.25em; background: #e15459; position: absolute; left: 50%; transform: translateX(-50%); } .product_type_tag i.sub_type span:first-child,.product_type_anchor i.sub_type span:first-child{ display: inline-block; margin: 10px 0 5px 0; } .product_type_tag i.sub_type span:last-child,.product_type_anchor i.sub_type span:last-child { font-size: 0.875em; } .product_type_system dl { width: 100%; text-align: center; padding: 1.875em 0 0 0; } .product_type_system img { width: 42.375em; height: 25em; } /*绯荤粺鍔熻兘*/ .proj_cando_content dd{ margin: 0 0 1.5em 0; } .proj_cando_content dd a{ display: block; width: 100%; height: 100%; cursor: default; } .proj_cando_content dd a img { width: 100%; height: 100%; } .project_desc_video { width:810px; height:428px; position: relative; margin-top:1.5em; } .project_desc_video:hover { cursor: pointer; } .project_desc_video .video_wrap{ width: 100%; height:100%; position: absolute; top:0; left:0; z-index: 1; } .project_desc_video video{ width:810px; height:454.5px; } .proj_banner{ position: relative; } .proj_banner img{ width: 100%; height: 245px; } .proj_banner h2{ text-align: right; position: absolute; right: 30px; bottom: 20px; color: #fff; font-weight: bold; } .proj_cando .detail h3{ text-align: center; line-height: 50px; height: 50px; } .detail_con{ display: flex; justify-content: space-between; margin-top:10px; } .detail_con_l{ margin-right: 10px; } .detail_con img{ width:100%; height: 245px; }