@charset "utf-8";
                        * {
                            font-family: 'lato';
                            list-style: none;
                            text-decoration: none;
                        }
                        
                        .wrapper {
                            width: 980px;
                            margin: 0 auto;
                        }
                        
                        .mainMenu {
                            width: 100%;
                            display: block;
                            border-radius: 10px;
                        }
                        
                        .item {}
                        
                        .btn {
                            display: block;
                            padding: 15px;
                            color: #111f42;
                            border-bottom: 1px solid #111f42;
                            position: relative;
                            font-size: 20px;
                            font-weight: 500;
                            background: #fff url(../img/honor-icon.png) no-repeat 20px center;
                            background-size: 20px auto;
                        }
                        
                        .btn:before {
                            content: '';
                            position: absolute;
                            width: 0;
                            height: 0;
                            border-left: 8px solid transparent;
                            border-right: 8px solid transparent;
                            border-top: 10px solid #111f42;
                            right: 30px;
                            bottom: 16px;
                            z-index: 9;
                        }
                        
                        .btn i {
                            margin-left: 30px;
                            color: #111F42;
                        }
                        
                        .subMenu {
                            overflow: hidden;
                            transition: max-height 0.1s;
                            max-height: 0;
                            text-align: center;
                            margin: 30px 0;
                        }
                        
                        .subMenu a:hover {
                            filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#273057', endColorstr='#394c7f', GradientType=0);
                            transition: all 0.5s;
                        }
                        
                        .subMenu a:last-child {
                            border: none;
                        }
                        
                        .item:target .subMenu {
                            max-height: 100%;
                        }
                        
                        @media only screen and (max-width:980px) {
                            .wrapper {
                                width: 90%;
                                margin: 0 auto;
                            }
                            .mainMenu {
                                width: 100%;
                            }
                            .btn {
                                font-size: 26px;
                                background-position: 30px center;
                                background-size: 26px auto;
                                padding-left: 50px;
                            }