﻿<style type="text/css">
        .wraper
        {
            width: 100%;
            min-width: 1200px;
            max-width: 1366px;
            overflow: hidden;
            margin-left: auto;
            margin-right: auto;
            -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .25);
            -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .25);
            box-shadow: 0 0 20px rgba(0, 0, 0, .25);
        }
        .bg-gary-lighter, .wraper
        {
            background-color: #fcfcfc;
        }
        .block-main
        {
            position: relative;
            z-index: 1;
            height: 524px;
            background: url(/img/muban_bg1.jpg) center top no-repeat;
        }
        .block-main .container
        {
            position: relative;
            z-index: 2;
        }
        .float-none, .container
        {
            float: none;
        }
        .auto, .container
        {
            margin-left: auto;
            margin-right: auto;
            float: none;
        }
        .container
        {
            width: 1100px;
        }
        .clearfix, .container, .form-group
        {
            display: block;
        }
        .block-main .pic
        {
            position: absolute;
            left: 0;
            top: 68px;
            z-index: 3;
            width: 403px;
            min-height: 276px;
            overflow: hidden;
            -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, .05);
            -moz-box-shadow: 0 6px 10px rgba(0, 0, 0, .05);
            box-shadow: 0 6px 10px rgba(0, 0, 0, .05);
        }
        .block-main .pic img
        {
            width: 403px;
            height: 276px;
        }
        img
        {
            vertical-align: middle;
        }
        .block-main section
        {
            position: absolute;
            right: 0;
            top: 0;
            z-index: 2;
            width: 750px;
            height: 373px;
            padding-left: 100px;
            padding-top: 65px;
            padding-bottom: 50px;
            background-color: #fff;
        }
        .t-style-1
        {
            display: block;
            font-size: 30px;
            font-weight: bold;
        }
        .t-style-1
        {
            display: inline-block;
        }
        .mb-1-5
        {
            margin-bottom: 15px;
        }
        .text-right
        {
            text-align: right;
        }
        t-style-1 small
        {
            display: block;
            padding-top: 9px;
            font-size: 17px;
            font-weight: bold;
            text-transform: uppercase;
        }
        .t-style-1.text-right .icon
        {
            float: right;
        }
        .t-style-1 .icon
        {
            margin-top: 15px;
        }
        .icon-horizontal-1, .icon-horizontal-2, .icon-horizontal-3
        {
            width: 30px;
            height: 4px;
            background-position: -205px 0;
        }
        .icon
        {
            display: block;
            float: left;
            width: 20px;
            height: 20px;
            background: url("/img/xsicon.png") left top no-repeat;
        }
        .block-main section p
        {
            line-height: 24px;
            text-align: justify;
        }
        .block-main .arrow-1
        {
            position: absolute;
            right: 28px;
            top: 0;
            z-index: 2;
        }
        .arrow-1
        {
            width: 64px;
            height: 30px;
            background-position: -180px 0;
        }
        .arrow
        {
            display: block;
            width: 20px;
            height: 20px;
            background: url("../images/arrow.png") left top no-repeat;
        }
        .block-main .bg-blank
        {
            position: absolute;
            right: 0;
            top: 0;
            z-index: 1;
            height: 373px;
            width: 50%;
        }
        .bg-blank
        {
            background-color: #fff;
        }
        .box-main
        {
            position: relative;
            z-index: 2;
            min-height: 105px;
            padding-top: 50px;
            margin-top: -105px;
            background-color: #fff;
        }
        .t-style-2
        {
            height: 26px;
        }
        .ml-3
        {
            margin-left: 30px;
        }
        .t-style-2 h3
        {
            float: left;
            margin-right: 16px;
            font-size: 24px;
            font-weight: bold;
        }
        .t-style-2 h4
        {
            font-size: 16px;
            font-weight: bold;
            text-transform: uppercase;
        }
        .t-style-2 .icon
        {
            margin-top: 3px;
        }
        .icon-horizontal-1, .icon-horizontal-2, .icon-horizontal-3
        {
            width: 30px;
            height: 4px;
            background-position: -205px 0;
        }
        .company-intro img
        {
            float: left;
            width: 380px;
            min-height: 154px;
        }
        .company-content p, .company-now p
        {
            margin-top: 20px;
            line-height: 28px;
        }
        .container-arrow .arrow-left, .container-arrow .arrow-right
        {
            position: absolute;
            left: 30px;
            top: 0;
            z-index: 1;
        }
        .arrow-7
        {
            margin-left: 5px;
            background-position: -120px -60px;
        }
        .container-arrow
        {
            position: relative;
            z-index: 2;
        }
        .float-none, .container
        {
            float: none;
        }
        .mb-5-5
        {
            margin-bottom: 55px;
        }
        .pb-8
        {
            padding-bottom: 80px;
        }
        .pt-5
        {
            padding-top: 50px;
        }
        .t-style-2
        {
            height: 26px;
        }
        .mr-3
        {
            margin-right: 30px;
        }
        .text-right
        {
            text-align: right;
        }
        .t-style-2.text-right h3
        {
            float: right;
            margin-left: 16px;
            margin-right: 0;
        }
        .t-style-2 h3
        {
            float: left;
            margin-right: 16px;
            font-size: 24px;
            font-weight: bold;
        }
        .t-style-2 h4
        {
            font-size: 16px;
            font-weight: bold;
            text-transform: uppercase;
        }
        .t-style-2.text-right .icon
        {
            float: right;
        }
        .t-style-2 .icon
        {
            margin-top: 3px;
        }
        .icon-horizontal-1, .icon-horizontal-2, .icon-horizontal-3
        {
            width: 30px;
            height: 4px;
            background-position: -205px 0;
        }
        .company-now p
        {
            width: 461px;
        }
        .container-arrow .arrow-right
        {
            left: auto;
            right: 30px;
        }
        .container-arrow .arrow-left, .container-arrow .arrow-right
        {
            position: absolute;
            left: 30px;
            top: 0;
            z-index: 1;
        }
        .arrow-6
        {
            background-position: -60px -60px;
        }
        .new-box
        {
            margin-top: -10px;
        }
        .box-main
        {
            position: relative;
            z-index: 2;
            min-height: 105px;
            padding-top: 50px;
            margin-top: -105px;
            background-color: #fff;
        }
        .t-style-2 .icon
        {
            margin-top: 3px;
        }
        .icon-horizontal-1, .icon-horizontal-2, .icon-horizontal-3
        {
            width: 30px;
            height: 4px;
            background-position: -205px 0;
        }
        .company-intro img
        {
            float: left;
            width: 380px;
            min-height: 154px;
        }
        .container-arrow .arrow-left, .container-arrow .arrow-right
        {
            position: absolute;
            left: 30px;
            top: 0;
            z-index: 1;
        }
        .arrow-6
        {
            background-position: -60px -60px;
        }
        .company-content
        {
            float: right;
            width: 440px;
        }
         .bg-gary
        {
            background-color: #ececec;
        }
        .bg-quotes
        {
            background-image: url("/img/bg-quotes.png");
            background-repeat: no-repeat;
            background-position: center 110px;
        }
            .company-intro, .company-now
        {
            width: 920px;
            margin: 0 auto;
            text-align: left;
            padding-top: 35px;
        }
    </style>