#banner { margin-bottom: 5.20833%; }
#banner a { display: block; position: relative; }
#banner i { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
#banner .wrap { width: 100%; height: 100%; position: absolute; top: 0; left: 0; white-space: nowrap; font-size: 0; }
#banner .wrap:after { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 100%; }
#banner .wrap .textMidSon { display: inline-block; white-space: normal; vertical-align: middle; font-size: 14px; width: 100%; }
#banner .wrap .center { position: relative; }
#banner .wrap .cont { display: inline-block; width: 100%; padding: 0 8.54701%; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; text-align: center; }
#banner .wrap .tit { font-size: 58px; color: #fff; line-height: 1.1; font-family: 'opensans-bold',Arial, 'Microsoft YaHei', SimSun, Sans-serif; text-transform: uppercase; }
#banner .wrap .des { font-size: 14px; color: #fff; margin-top: 3.09278%; }
#banner .wrap .btn { display: inline-block; padding: 20px 30px; line-height: 1; font-size: 14px; text-transform: uppercase; color: #fff; background: #006fc0; border-radius: 3px; font-family: 'opensans-bold',Arial, 'Microsoft YaHei', SimSun, Sans-serif; margin-top: 4.63918%; }
#banner .wrap .btn:hover { background: #0A5086; }
@media screen and (max-width: 875px) { #banner .wrap .btn { padding: 7px 12px; } }
#banner .slick-prev, #banner .slick-next { width: 60px; height: 60px; line-height: 56px; background: none; color: #006fc0; font-size: 30px; font-family: 'opensans-bold',Arial, 'Microsoft YaHei', SimSun, Sans-serif; border-radius: 50%; border: 2px solid #006fc0; font-family: 'opensans-bold',Arial, 'Microsoft YaHei', SimSun, Sans-serif; }
#banner .slick-prev:hover, #banner .slick-next:hover { background: rgba(0,111,192, 0.4); }
#banner .slick-prev:before { content: "\e621"; }
#banner .slick-next:before { content: "\e624"; }

@media screen and (max-width: 1400px) { #banner .wrap .tit { font-size: 40px; } }
@media screen and (max-width: 1200px) { #banner .wrap { display: none; }
    #banner .slick-prev, #banner .slick-next { width: 30px; height: 30px; line-height: 30px; font-size: 16px; margin-top: -15px; } }
@media screen and (max-width: 875px) { #banner { margin-bottom: 40px; } }