main .headSwp .swiper-pagination{
            bottom: 30px;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            overflow: hidden;
            width: auto;
        }
        main .headSwp .swiper-pagination span{
            width: 24px;
            float: left;
            height: 5px;
            margin: 0 5px;
            opacity: 1;
            border-radius: 0px !important;
            background: #ccc;
            vertical-align: top;
        }
        main .headSwp .swiper-pagination span:focus{
            outline: none;
        }
        main .headSwp .swiper-pagination span:hover{
            background: #fff;
        }
        main .headSwp .swiper-pagination .swiper-pagination-bullet-active{
            background: #fff;
        }
        main .banner{
            padding-bottom: 35vw;
            position: relative;
        }
        main .banner .btn{
            position: absolute;
            z-index: 2;
            top: 50%;
            transform: translateY(-50%);
            width: 60px;
            height: 60px;
            line-height: 60px;
            text-align: center;
            font-size: 2em;
            background: rgba(50,50,50,.7);
            color: #fff;
            font-family: "宋体";
            left: 30px;
            cursor: pointer;
        }
        main .banner .btn:hover{
            color: #2ba4d1;
        }
        main .banner .next{
            left: auto;
            right: 30px;
        }
        main .banner .headSwp .swiper-slide{
            height: 100%;
        }

        main .product{
            padding: 3% 0;
            position: relative;
        }
        main .product .swiper-slide{
            border-left: 1px solid #e6e6e6;
        }
        main .product .swiper-slide img{
            padding: 0px 10%;
        }
        main .product .swiper-slide p{
            text-align: center;
            color: #000;
            font-size: 1.4em;
            line-height: 3em;
        }
        main .product .btn{
            position: absolute;
            z-index: 2;
            top: 50%;
            transform: translateY(-50%);
            line-height: 1.42857143;
            width: 30px;
            font-size: 3em;
            font-family: '宋体';
            cursor: pointer;
            left: 0px;
        }
        main .product .next{
            left: auto;
            right: 0px;
        }

        main .about{
            position: relative;
            z-index: 2;
        }
        main .about .lg{
            position: absolute;
            left: 50%;
            top: 0px;
            transform: translateX(-50%);
            font-size: 400px;
            font-weight: bold;
            color: #F6F6F6;
            z-index: -1;
            text-transform: uppercase;
        }
        main .about .heading{
            text-align: center;
        }
        main .about .heading i{
            width: 2px;
            display: block;
            background: #f3f3f3;
            margin: 0 auto;
        }
        main .about .heading i:first-child{
            height: 64px;
        }
        main .about .heading p{
            font-size: 22px;
            padding: 4px 0px;
        }
        main .about .heading i:last-child{
            height: 110px;
        }
        main .about .content .left{
            width: 5%;
            background: #e7e7e7;
            height: 658px;
        }
        main .about .content .left{
            padding-top: 45px;
            position: relative;
        }
        main .about .content .left a{
            width: 30px;
            display: block;
            line-height: 30px;
            font-size: 18px;
            text-align: center;
            margin: 0 auto;
        }
        main .about .content .left a:hover{
            color: #2ba4d1;
        }
        main .about .content .left a span{
            position: absolute;
            bottom: 15px;
            left: 50%;
            transform: translateX(-50%);
            width: 30px;
            height: 30px;
            border: 1px solid #ccc;
            border-radius: 50%;
            line-height: 28px;
        }
        main .about .content .intro{
            flex-direction: column;
            flex: 1;
        }
        main .about .content .intro>p{
            line-height: 235px;
            background: #f5f5f5;
            text-align: center;
            font-size: 36px;
            color: #3d61cb;
        }
        main .about .content .intro .links{
            flex: 1;
            overflow: hidden;
        }
        main .about .content .intro .links a{
            float: left;
            display: block;
            width: 50%;
            height: 50%;
            border-bottom: 1px solid #eee;
            color: #111;
            background: #fff;
            transition: background .6s;
        }
        main .about .content .intro .links a:nth-child(odd){
            border-right: 1px solid #eee;
        }
        main .about .content .intro .links a>span{
            display: block;
            padding-top: 30px;
            padding-left: 20px;
            font-size: 18px;
        }
        main .about .content .intro .links a p{
            padding-top: 120px;
            padding-left: 20px;
            font-size: 24px;
        }
        
        main .about .content .intro .links a p span{
            font-family: 'layui-icon';
            color: #666;
        }
        main .about .content .intro .links a:hover{
            background: #3d61cb;
            color: #fff;
        }
        main .about .content .intro .links a:hover p span{
            color: #fff;
        }
        main .about .content .intro .links a p span:first-child{
            float: right;
            margin-right: 30px;
            transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            -o-transform: rotate(180deg);
        }
        main .about .content .dtls{
            width: 65%;
            padding-left: 3%;
            padding-top: 100px;
            color: #fff;
            position: relative;
            z-index: 2;
            background: #3d61cb;
        }
        main .about .content .dtls::after{
            content: '';
            z-index: -1;
            background: #000;
            opacity: .1;
        }
        main .about .content .dtls .bg{
            z-index: -2;
            opacity: .4;
        }
        main .about .content .dtls .name{
            font-size: 30px;
        }
        main .about .content .dtls i{
            display: block;
            width: 100px;
            height: 1px;
            background: #fff;
            margin-top: 20px;
            margin-bottom: 20px;
        }
        main .about .content .dtls .txt{
            padding-top: 46px;
            font-size: 14px;
            line-height: 46px;
            width: 70%;
        }
        main .about .content .dtls .txt img{
            display: none;
        }
        main .about .content .dtls a{
            margin-top: 106px;
            color: #4364cb;
            padding: 8px 45px;
            background: #fff;
            display: inline-block;
            vertical-align: top;
            font-size: 18px;
        }

        main .search{
            padding: 50px 0px;
            text-align: center;
        }
        main .search .form-group{
            display: inline-flex;
            font-size: 14px;
        }
        main .search .form-group input{
            line-height: 40px;
            width: 300px;
            font-size: 14px;
            padding: 0px 8px;
            border-bottom: 1px solid #ccc;
        }
        main .search .form-group p{
            margin-left: 27px;
            font-size: 26px;
            font-family: 'layui-icon';
            color: #333;
        }

        footer .newest{
            display: none;
        }

        @media(min-width:1201px){
            main .search .form-group input::-webkit-input-placeholder{
                color:#fff;
            }
            main .search .form-group input::-moz-placeholder{   /* Mozilla Firefox 19+ */
                color:#fff;
            }
            main .search .form-group input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
                color:#fff;
            }
            main .search .form-group input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
                color:#fff;
            }
        }

        @media(max-width:1200px){
            main .banner .btn,
            main .about .lg,
            main .about .heading,
            main .about .content .left,
            main .about .content .intro .links a p span:first-child,
            main .about .content .dtls i{
                display: none;
            }

            main .about .content{
                display: block;
                padding-top: 30px;
                border-top: 1px solid #eee;
            }
            main .about .content .intro{
                display: block;
            }
            main .about .content .intro>p{
                line-height: initial;
                font-size: 20px;
                padding: 20px 0px;
            }
            main .about .content .intro .links a{
                border-right: 1px solid #eee;
                padding: 10px;
                border-top: 1px solid #eee;
                border-bottom-width: 0px !important;
            }
            main .about .content .intro .links a>*{
                padding: 0px !important;
            }
            main .about .content .dtls{
                width: 100%;
                padding: 3%;
                text-align: center;
            }
            main .about .content .dtls .name{
                padding-top: 20px;
                font-size: 20px;
            }
            main .about .content .dtls .txt{
                width: 100%;
            }
            main .about .content .dtls .txt p{
                text-indent: 28px;
            }
            main .about .content .dtls a{
                width: 50%;
                background: transparent;
                color: #fff;
                font-size: 14px;
                padding: 8px 30px;
                line-height: 28px;
                border: 1px solid #fff;
            }

            main .search{
                padding: 40px 0px;
            }
            main .search .form-group{
                width: 68%;
            }
            main .search .form-group input{
                flex: 1;
                line-height: 34px;
                border: 1px solid #eee;
                border-right-width: 0px;
            }
            
            main .search .form-group p{
                width: 25%;
                background: #ccc;
                margin-left: 0px;
                line-height: 36px;
            }
        }

        @media(max-width:767px){
            main .banner{
                padding-bottom: 240px;
            }
        }