/* banner */ .support-banner { width: 100%; height: 350px; background: url(../images/support-banner.jpg) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; margin-top: 65px; } .support-banner h2 { color: #fff; padding-top: 218px; text-align: center; font-weight: 300; font-size: 40px; } ul li { list-style: none; } .ut-margin{ margin-left: 70px; margin-right: 70px; } /*支持与下载*/ .staff_content { width: 100%; overflow: hidden; height: 1300px; } .staff_content .company_address { margin: 0 auto; } .staff_content .company_names { width: 100%; height: 80px; line-height: 80px; border-bottom: 1px solid #edf1f5; margin: 0 auto; } .staff_content .company_names li { float: left; width: 33.3333333%; height: 80px; line-height: 80px; text-align: center; color: #666; font-size: 16px; list-style: none; } .staff_content .company_names li span { display: inline-block; height: 36px; width: auto; padding: 0 20px; text-align: center; line-height: 36px; border-radius: 18px; color: #666; font-size: 16px; overflow: hidden; vertical-align: middle; } .staff_content .company_names li span:hover{ color: #40aefc;; cursor:pointer; -webkit-atransition:all .3s ease-in; -moz-transition:all .3s ease-in; -ms-transition:all .3s ease-in; transition:all .3s ease-in; } .staff_content .company_names li.show span { color: #40aefc;; } .staff_content .company_names li.show .arrow_box { display: block; } .staff_content .company_names li .arrow_box { width: 20px; height: 20px; position: relative; margin: -20px auto; display: none; } .staff_content .company_names li .arrow_top { width: 20px; height: 20px; position: absolute; left: 0; top: 0; z-index: 2; font-weight: bolder; } .staff_content .company_names li .top_arrow1 { border-bottom: 10px solid #eee; } .staff_content .company_names li .top_arrow2 { width: 0; height: 0; display: block; position: absolute; left: 0; top: 0; z-index: 5; border-top: 10px dashed transparent; border-left: 10px dashed transparent; border-right: 10px dashed transparent; border-bottom: 10px solid #079FFF; overflow: hidden; } .staff_content .company_info { width: 100%; height: 520px; position: relative; } .staff_content .company_info li.show { display: block; } .staff_content .company_info li { top: 0; left: 0; display: none; } .staff_content .company_info .content { margin: 0 auto; padding: 34px 0; } .item_title { color: #079FFF; font-size: 24px; margin: 20px 70px 25px 70px; } .desc-info { min-height: 10px; box-sizing: border-box; background-color: #f2f2f5; padding: 10px 20px; margin-left: 70px; margin-right: 70px; } .desc-info p { font-size: 15px; color: rgb(117, 129, 158); line-height: 26px; margin: 10px 25px; } .ut-fld{ margin-top: 10px; font-weight: 700; text-align: right; } .ut-textarea { resize: vertical; padding: 5px 15px; line-height: 1.5; box-sizing: border-box; width: 100%; font-size: inherit; color: #606266; background-color: #fff; background-image: none; border: 1px solid #dcdfe6; border-radius: 4px; transition: border-color .2s cubic-bezier(.645,.045,.355,1); } .box-card{ margin-left: 70px; margin-right: 70px; } .ut-card_body span{ color:red; margin:5px; } .ut-card_body a{ margin-bottom: 17px; font-size: 15px; line-height: 26px; color: rgba(89,101,128,1); text-align: left; text-decoration: none; } .title-left { float: left; width: 50%; text-align: left; } .title-right { float: left; width: 50%; text-align: right; } .item_title a { font-size: 14px; color: #079FFF; text-align: right; } .my-part-title{ /*text-align: center;*/ } .my-part-title h2{ text-align: center; font-size: 34px; margin: 0; margin-bottom: 20px; }