.stongSize { font-size: 20px; font-weight: 700; color: #04a3ed; }

#header { position: relative; padding: 10px 0; }
    #header .nav { margin-top: 30px; }
        #header .nav ul li { float: left; }
        #header .nav li.selected a { background: #04a3ed; color: #fff; border-left: 1px solid #04a3ed; border-right: 1px solid #04a3ed; }
        #header .nav a { display: inline-block; padding: 2px 15px; color: #333; font-size: 16px; text-align: center; white-space: nowrap; }
            #header .nav a:hover { background: #04a3ed; color: #fff; }
            #header .nav a:nth-child(2) { border-left: 1px solid #333; border-right: 1px solid #333; }

    #header .logo { position: absolute; left: 0; right: 0; text-align: center; display: inline-block; z-index: -1; }

    #header .tel { background: url(/App_Theme/Default_Theme_901/images/icon/icon-tel.png)no-repeat left top; padding-left: 30px; margin: 20px 0; }
        #header .tel p { margin: 0; }
        #header .tel .striking { color: #04a3ed; font-weight: 700; }

#banner { height: 100%; position: relative; background: url(/App_Theme/Default_Theme_901/images/banner/banner.jpg)no-repeat center; background-size: cover; }
    #banner .mobile { display: none; }
    #banner .code { display: inline-block; position: absolute; right: 30%; top: 39%; width: 440px; text-align: center; }
        #banner .code img { width: 90%; }
        #banner .code p { background: #edbe04; color: #fff; text-align: center; margin: -4px 0; padding: 0 10px; line-height: 40px; margin-top: 16px; font-size: 26px; background: #04a3ed; }

#secIntroduce { height: 100%; }
    #secIntroduce .main { padding-top: 50px; }
        #secIntroduce .main .chanpin { background: url(/App_Theme/Default_Theme_901/images/icon/icon-04.png)no-repeat top left; }
        #secIntroduce .main .zhifu { background: url(/App_Theme/Default_Theme_901/images/icon/icon-01.png)no-repeat top left; }
        #secIntroduce .main .peisong { background: url(/App_Theme/Default_Theme_901/images/icon/icon-03.png)no-repeat top right; }
            #secIntroduce .main .peisong h3 { text-align: right; }
        #secIntroduce .main .pianyi { background: url(/App_Theme/Default_Theme_901/images/icon/icon-02.png)no-repeat top right; }
            #secIntroduce .main .pianyi h3 { text-align: right; }
        #secIntroduce .main ul li { float: left; width: 35%; }
            #secIntroduce .main ul li.pic { width: 30%; }
            #secIntroduce .main ul li .item { padding: 50px 0 40px; margin: 40px 20px 0; height: 250px; box-sizing: border-box; }
                #secIntroduce .main ul li .item:nth-child(1) { border-bottom: 1px solid #ccc; }
        #secIntroduce .main .item h3 { font-size: 24px; font-weight: 100; margin: 10px 0; }
        #secIntroduce .main .item p { line-height: 26px; color: #666; font-size: 15px; }

#secAbout { text-align: center; background-size: auto 44px; background: #04a3ed; position: relative; color: #fff; box-sizing: border-box; padding: 200px 0 30px 0; }
    #secAbout i.decorate { background: url(/App_Theme/Default_Theme_901/images/icon/icon_bg.png)no-repeat center top; display: block; height: 44px; width: 100%; position: absolute; top: -44px; }
    #secAbout h1 { font-size: 32px; font-weight: 100; }
        #secAbout h1 span { font-weight: 700; }
    #secAbout h2 { font-size: 32px; font-weight: 100; padding: 20px 0 40px 0; }
    #secAbout .intro { border: 1px solid #fff; display: inline-block; padding: 10px 40px; line-height: 32px; margin: 60px 0 20px 0; font-size: 18px; }
    #secAbout .code { display: inline-block; width: 200px; }
    #secAbout .ad { margin: 8px 0; letter-spacing: 1px; font-size: 18px; }
        #secAbout .ad span.striking { color: #ffcc00; font-weight: 700; }

#secContact { text-align: center; background-size: auto 44px; background: #04a3ed; position: relative; color: #fff; box-sizing: border-box; padding: 150px 0 40px 0; }
    #secContact i.decorate { background: url(/App_Theme/Default_Theme_901/images/icon/icon_bg.png)no-repeat center top; display: block; height: 44px; width: 100%; position: absolute; top: -44px; }
    #secContact h2 { font-size: 32px; font-weight: 100; }
    #secContact .intro { border: 1px solid #fff; display: inline-block; padding: 10px 40px; line-height: 32px; margin: 30px 0 60px; font-size: 18px; }
    #secContact h1 { font-size: 32px; font-weight: 100; }
        #secContact h1 span { font-weight: 700; }
    #secContact .code { display: inline-block; width: 200px; }
    #secContact .ad { margin: 8px 0; letter-spacing: 1px; font-size: 18px; }
        #secContact .ad span.striking { color: #ffcc00; font-weight: 700; }

#secFooter { font-size: 14px; text-align: center; background: #04a3ed; color: #fff; padding-bottom: 10px; }

@media(max-width:1200px) {

    .container { width: auto; }

    #header { height: auto; }
        #header .logo { width: 50px; left: 50%; margin-left: -25px; }
        #header .left { width: 50%; }
        #header .nav { margin-top: 50px; width: 100%; }
            #header .nav li {  float: left; }
            #header .nav a { display: block; }

    #banner { height: auto; background: none; }
        #banner .mobile { display: block; }
        #banner .code { display: none; }

    #secIntroduce { height: auto; }
}