@charset "utf-8"; #main { padding-top: 1px; } #main > .cooperation { margin-top: 20px; } #main > .cooperation > .left { width: 60px; padding-top: 3px; height: 166px; background-color: #01509d; color: #fff; line-height: 40px; font-size: 32px; text-align: center; } #main > .cooperation > .right { position: relative; padding: 0 105px; height: 166px; width: 1140px; background-color: #f3f3f3; } #main > .cooperation > .right > .swiper-container2 { transition-timing-function: linear; overflow: hidden; } #main > .cooperation > .right > .swiper-container2 > .swiper-wrapper { transition-timing-function: linear; } #main > .cooperation > .right > .swiper-container2 > .swiper-wrapper > .swiper-slide { padding-top: 10px; } #main > .cooperation > .right > .swiper-container2 > .swiper-wrapper > .swiper-slide > img { display: block; width: 100%; height: 120px; } #main > .cooperation > .right > .swiper-container2 > .swiper-wrapper > .swiper-slide > p { line-height: 34px; font-size: 20px; font-weight: bold; } .swiper-button-prev2, .swiper-button-next2 { position: absolute; height: 40px; width: 40px; top: 63px; cursor: pointer; } .swiper-button-prev2 { left: 32px; background: url(../img/left_arrow.png) no-repeat center center; } .swiper-button-next2 { right: 32px; background: url(../img/right_arrow.png) no-repeat center center; } #main > .ad1 { margin-top: 30px; padding-top: 1px; height: 251px; background: url(../img/full_wd_bg1.jpg) no-repeat center center; background-size: cover; color: #fff; } #main > .ad1 > .wd_1200 > .left, #main > .ad1 > .wd_1200 > .right { vertical-align: top; } #main > .ad1 > .wd_1200 > .left { margin-left: 298px; margin-top: 60px; font-size: 26px; font-family: '宋体'; font-weight: bold; letter-spacing: 2px; } #main > .ad1 > .wd_1200 > .right { margin-left: 212px; margin-top: 65px; font-family: '宋体'; font-weight: bold; letter-spacing: 2px; } #main > .ad1 > .wd_1200 > .right > .tit { font-size: 18px; } #main > .ad1 > .wd_1200 > .right > .num { font-size: 26px; } #main > .ad1 > .wd_1200 > .right > a { display: block; margin-top: 20px; margin-left: -50px; width: 220px; line-height: 62px; text-align: center; font-size: 30px; color: #ff0033; background-color: #d2d2d2; border-radius: 5px; } #main .ch_tit { margin: 0; padding: 65px 0 20px; color: #333; font-size: 32px; text-align: center; } #main .en_tit { width: 980px; margin: 0 auto; position: relative; color: #bbb; text-align: center; font-size: 28px; } #main .en_tit:after { content: ''; display: block; z-index: -10; position: absolute; top: 20px; left: 0; width: 100%; height: 2px; background-color: #ddd; } #main .en_tit > span { padding: 0 95px; background-color: #fff; } #main > .pro > .pro_list { margin: 40px 0 50px; } #main > .pro > .pro_list > li { margin-right: 30px; width: 380px; } #main > .pro > .pro_list > li > a, #main > .pro > .pro_list > li > a > img { display: block; width: 380px; } #main > .pro > .pro_list > li > a > img { height: 275px; } #main > .pro > .pro_list > li.mr_0 { margin-right: 0; } .problem { height: 817px; background: #f0f0f0 url(../img/bg1.png) no-repeat center 220px; } #main > .problem > .en_tit { z-index: 20; } #main > .problem > .en_tit:after { z-index: 0; } #main > .problem > .en_tit > span.i-b { position: relative; z-index: 10; } #main .ch_tit > .blue { color: #4e9eea; } #main > .price { height: 810px; background: url(../img/bg2.jpg) no-repeat center 200px; } #main > .strength { height: 870px; background: url(../img/bg3.jpg) no-repeat center 240px; } #main > .strength > .ch_tit_sm { margin-top: 10px; font-size: 16px; } #main > .strength > .en_tit_sm { font-size: 12px; } #main > .strength > .ch_tit_sm, #main > .strength > .en_tit_sm { text-align: center; color: #4e9eea; } #main > .advantage { height: 1050px; background: url(../img/bg4.jpg) no-repeat center top; } #main > .custom { margin-left: auto; margin-right: auto; width: 1200px; height: 1750px; background: url(../img/bg5.jpg) no-repeat center 230px; } #main > .custom > .nav { color: #fff; text-align: center; } #main > .custom > .nav > a { display: inline-block; width: 156px; line-height: 46px; text-align: center; border: 1px solid #fff; color: #fff; font-size: 18px; } #main > .custom > .nav > .tit { margin-top: 25px; color: #fff; font-size: 18px; } #main > .custom > .nav.nav1 { margin: 860px 0 0 370px; width: 305px; } #main > .custom > .nav.nav2 { margin: 380px 0 0 0px; width: 366px; } .spec { margin: 70px 0; text-align: center; } .more { margin-bottom: 70px; font-size: 20px; text-align: center; } .more > a { display: inline-block; padding: 0 40px; text-align: center; line-height: 60px; background-color: #4e9eea; color: #fff; }