.banner{ width: 100%; height: 400px; background: url(/uploads/image/mizxxgktl/banner.jpg) center top no-repeat; background-size: auto 100%; min-width: 1200px; z-index: -1; /* position: relative; */ } *{ padding: 0; margin: 0; /* background-color: #ffffff; */ } .common{ width: 1200px; /* height: 2350px; */ /* position: relative; */ margin: 0 auto; } .common_img{ display: flex; margin-top: 40px; width: 100%; background:url(/uploads/image/mizxxgktl/back.jpg) center no-repeat; padding-bottom: 78px; } .common_title_content{ display: flex; } .common_img p{ font-size: 20px; line-height: 1.7; text-indent: 2em; } .common_imgs{ display: flex; margin-top: 40px; width: 100%; } .content_common{ width: 60%; padding: 20px; margin-top: 20px; border:3px solid #ddd; border-image: -webkit-linear-gradient(#f80, #2ed) 20 20; border-image: -moz-linear-gradient(#f80, #2ed) 20 20; border-image: -o-linear-gradient(#f80, #2ed) 20 20; border-image: linear-gradient(#f80, #2ed) 20 20; } .common_content{ width: 80%; padding: 20px 20px 30px 30px; } .content_common p{ font-size: 20px; line-height: 1.8; text-indent: 2em; } .titles li{ width: 90%; height: 40px; line-height: 40px; margin-top: 20px; text-indent: 1em; position: relative; font-size: 15px; list-style-type:none } .common_title{ background: #eee; font-size : 20px; } .activetitle{ background: #e1f2ff; font-weight: bold; } .titles li:hover .common_title{ cursor: pointer; } /* .titles li:hover .common_title>span:nth-child(1){ background: #e1f2ff; font-weight: bold; } .titles li .common_title>span:nth-child(1){ background: #eee; } .titles li:hover .common_title>.test{ border-color:white white lightblue lightblue; } */ .test{ height:0; width:0; overflow: hidden; font-size: 0; line-height: 0; border-color:white white grey grey; border-style:solid; border-width:5px; position: absolute; right: 0; top:0 } .activetest{ border-color:white white lightblue lightblue; } .common_footer{ margin-top: 40px; padding-bottom: 50px; } .common_footer li{ width: 100%; margin-top: 10px; font-size: 20px; list-style-type:none } /* .common_footer li span:nth-child(1){ display: inline-block; width: 30px; height: 30px; background: #3587c5; line-height: 30px; text-align: center; color: white; } */ .common_footer li span:nth-child(1){ display: inline-block; width: 80%; background:#eee; color: #153b5b; height: 30px; line-height: 30px; text-indent: 10px; } .common_footer li span:nth-child(2){ color: #153b5b; }