.qw-img .btn { cursor: pointer; margin-top: 20px; display: inline-flex; width: 184px; height: 50px; align-items: center; justify-content: center; border-radius: 40px; border-width: 1px; border-style: solid; border-color: #fff; text-align: center; font-size: 14px; color: #fff; } .qw-img .btn:hover { background: #007aff; border-color: #007aff; } /*企业微信*/ .qw-cover { padding-top: 0; } .qw-cover .qw-banner { background: url({eyou:global name='web_templets_pc' /}/static/image/banner-img_02.jpg) no-repeat #999; min-width: 1200px; width: 100%; background-repeat: no-repeat; background-position: center 0; background-size: contain; padding-bottom: 60px; } .contentBox .qw-container { max-width: 100%; min-width: 1200px; } .contentBox .qwcrm:nth-child(even) { background-color: #f8f9fb; } .qw-cover .qw-banner-content { padding-left: 110px; } .qw-cover .qw-banner-content h1 { font-size: 42px; color: #FFFFFF; margin-bottom: 53px; padding-top: 95px; } .qw-cover .qw-banner-content ul li { line-height: 36px; font-size: 20px; color: #FFFFFF; } .qw-cover .qw-img { margin-top: 80px; height: 120px; } .qw-cover .qw-img-item { width: 175px; float: left; text-align: center; margin-left: 90px; } .qw-cover .qw-firstimg-item { margin: 0; } .qw-cover .qw-img-item p { margin-top: 18px; border: solid 1px #2B8FF3; border-radius: 5px; } .qw-cover .qw-img-item p a { color: #FFFFFF; font-size: 16px; padding: 10px; display: inline-block; } .qw-cover .qw-img-item p a img { vertical-align: middle; margin-right: 7px; } .qw-cover .qw-bgcontent { border-radius: 10px; background: #FFFFFF; margin-top: 80px; /* max-width: 1225px; */ padding: 10px 0; width: 100%; } .qw-cover .qw-bgcontent .liucheng { text-align: center; } .qw-cover .qw-bgcontent .liucheng p { font-size: 34px; color: #222222; margin-top: 30px; } .qw-cover .bgcontent-icon { padding: 30px 0px; display: flex; flex-wrap: wrap; } .qw-cover .bgcontent-icon .icon-item { width: 25%; text-align: center; padding: 0 40px; } .qw-cover .bgcontent-icon .icon-item .iconfont { font-size: 80px; color: #007aff; } .qw-cover .icon-item-content { text-align: justify; } .qw-cover .icon-item-content h4 { color: #222222; font-size: 18px; margin-bottom: 15px; text-align: center; margin-top: 0; } .qw-cover .icon-item-content p { color: #555555; line-height: 24px; font-size: 14px; padding-bottom: 20px; } .qw-cover .icon-item-content .icon-item-last { border-bottom: none; } .qw-cover .qw-title { text-align: center; } .qw-cover .qw-title p { font-size: 32px; color: #1A1A1A; padding-top: 60px; padding-bottom: 27px; } .qw-cover .qwcrm { padding: 100px 0; } .qw-cover .qw-container { margin: 0 auto; width: 1200px; display: flex; justify-content: space-between; align-items: center; } .qw-container .img { flex: 1; } .qw-container .text { width: 400px; } .qw-container .text .title { font-size: 26px; } .qw-container .text li { color: #999; font-size: 16px; margin-bottom: 10px; list-style: decimal; } .qw-cover .qw-col { display: table; height: 100%; width: 50%; float: left; } .qw-cover .qw-col .img, .qw-col .text { vertical-align: middle; display: table-cell; } .qw-cover .white .text { padding-left: 50px; } .qw-cover .qwcrm .qw-col .text .title { font-size: 30px; color: #222222; margin-bottom: 40px; } .qw-cover .qwcrm .qw-col .text ul li { color: #222222; font-size: 17px; line-height: 44px; list-style: decimal; } .qw-cover .qwcrm .qw-col .text ul li img { margin-right: 14px; vertical-align: middle; } .qw-cover .white .img { text-align: right; } @media ( max-width :768px) { .qw-cover .qwcrm{ padding: 20px 0; } .qwcrm { margin-bottom: 20px; } .qw-cover .qw-container { width: 100%; min-width: auto; flex-direction: column; } .contentBox .qwcrm:nth-child(even) .qw-container{ flex-direction: column-reverse; } .qw-container .text{width: auto;} .qw-cover .qw-banner { min-width: 100%; background-position: -305px 0; background-size: 100vh; } .qw-cover .qw-banner-content { padding: 0; } .qw-cover .qw-bgcontent { width: 90%; margin: 80px auto 0; } .qw-cover .qw-col { width: 100%; float: none; } .qw-cover .qwcrm .qw-container { height: auto; } .qw-cover .white .text { padding: 20px; } .qw-cover .black { padding: 20px; } .qw-cover .black .text { padding: 0; } .qw-cover .qw-img-item { margin: 0 auto; float: none; } .qw-cover .qw-banner-content h1 { text-align: center; padding-top: 200px; } .qw-cover { padding-top: 0; } .qw-cover .qw-bgcontent .liucheng p { padding: 0 20px; font-size: 26px; } .qw-cover .qw-title p { padding: 60px 20px 27px; font-size: 26px; } .qw-cover .qwcrm .qw-col .text ul li { line-height: inherit; margin-bottom: 20px; } .qw-cover .qwcrm .qw-col .text .title { font-size: 26px; } .qw-cover .bgcontent-icon .icon-item { width: 100%; } }