@charset "utf-8";
/* CSS Document */

        .header {
            height: 110px;
            padding-top: 30px;
        }

        .header .main {
            max-width: 1800px;
            padding: 0 20px;
            margin: 0 auto;
            overflow: hidden;
        }

        .header .brand {
            float: left;
            overflow: hidden;
        }

        .header .choose {
            float: right;
        }

        .brand .logo {
            float: left;
			margin-top:20px
        }

        .brand .name {
            float: left;
            margin-left: 10px;
        }

        .brand .name .n-1 {
            margin-top: 6px;
            line-height: 48px;
            font-size:35px;
        }

        .brand .name .n-2 {
            font-size: 18px;
        }

        .choose {
            padding-top: 30px;
        }

        .choose a {
            margin-left: 60px;
            font-size: 14px;
            text-decoration: none;
        }
  
        .choose a.selected {
            color: #f8714d;
        }

        .container {
            width: 100%;
            background-color: #ea6c4a;
            background-image: url(../img/white.jpg);
            background-repeat: repeat-x;
            height: 720px;
        }

        .container .swiper-container {
            display: block
        }

        .container .main {
            max-width: 1920px;
            padding-left: 20px;
            padding-right: 20px;
            margin: 0 auto;
            position: relative;
        }

        .container .main .bg {
            background-image: url(../img/background.jpg);
            max-width: 1820px;
            height: 670px;
            margin: 0 auto;
            -moz-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.2);
            -webkit-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.2);
        }

        .footer p {
            text-align: center;
            line-height: 20px;
            font-size: 14px;
            padding: 10px 0px;
        }

        .footer p a {
            font-size: 14px;
        }


        .swiper-container {
            width: 100%;
            height: 100%;
            margin-left: auto;
            margin-right: auto;
        }

        .content {
            width: 64%;
            min-width: 910px;
            margin: 0 auto;
            margin-top: 90px;
            overflow: hidden;
        }

        .content .iphone {
            width: 391px;
            float: left;
        }

        .content .info {
            width: 500px;
            margin-top:0px;
            float: right;
        }
         
		 .content .info1{ margin-top:150px}
		 .info_txt h2{ font-size:36px !important }
        .iphone .img {
            background-image: url(../img/iphoneBack.png);
            background-repeat: no-repeat;
            background-size: 100% 100%;
        }

        .iphone .img img {
            width: 52%;
            margin-left: 24%;
            margin-top: 2%;
        }

        .info h2 {
            color: #f8714d;
            font-size: 28px;
            line-height: 50px;
			margin-bottom:20px
        }

        .info p {
            font-size: 16px;
            line-height: 36px;
        }

        .info .link {
            margin-top: 2vh;
            overflow: hidden;
        }

        .link .code {
            float: left;
        }

        .link .btns {
            float: left;
            margin-left: 30px;
        }

        .link .btns .btn {
            margin-top: 20px
        }
       
	    .info_txt2{  padding-top:150px; display:block; width:100%}
		.info_txt2 h2{font-size:90px; color:#f8714d;display:block; width:100%; text-align:center; height:auto}
		.info_txt2 p{ font-size:24px; font-weight:bold; text-align:right; padding-top:30px; padding-right:100px}
        .weContainer .main .bg {
            background-image: url(../img/background2.jpg);
        }

        .weContainer .swiper-container {
            display: none;
        }

        .weContainer .about_us {
            display: block !important;
        }

        .about_us {
            max-width: 1000px;
            margin: 0 auto;
            padding: 0px 20px;
            padding-top: 140px;
        }

        .about_us .info {
            font-size: 15px;
            line-height: 34px;
			width:93%
        }

        .about_us .info span {
            font-weight: 600;
        }

        .about_us h2 {
            margin-top: 60px;
            text-align: center;
            color: #f8714d;
            font-size: 18px;
        }

        .contact_us {
            overflow: hidden;
            margin-top: 50px;
        }

        .contact_us .left {
            overflow: hidden;
            width: 400px;
            float: left;
        }

        .contact_us .right {
            overflow: hidden;
            width: 400px;
            float: right;
        }

        .contact_us .contact {
            float: left;
            line-height: 35px;
            font-size: 14px;
            margin-right: 38px;
        }

        .contact_us .img {
            float: left;
        }

        .contact_us .contact h3 {
            color: #f8714d;
            font-size: 16px;
        }

        .swiper-container-vertical>.swiper-pagination-bullets {
            right: 30px;
        }

        .swiper-pagination-bullet-active {
            background: #888888;
        }

        .go-next {
            /*margin-top:140px;*/
			position:absolute;
			bottom:50px
        }

        @media screen and (min-width: 750px) and (max-width: 1024px){
            .container {
                height: 640px;
            }

            .container .main .bg {
                height: 610px;
            }

            .content{
                margin-top: 70px;
            }

            .go-next {
                margin-top: 100px;
            }

            .about_us{
                padding-top: 70px;
            }
        }

        @media screen and (max-width: 750px) {
            .swiper-container-vertical>.swiper-pagination-bullets {
                right: 5px;
            }

            .header {
                height: 56px;
                padding-top: 10px;
            }

            .header .brand {
                width:400px;
                margin: 0 auto;
                float: initial;
            }
            .brand .logo{ margin-top:10px}
            .header .brand .logo img {
                width: 46px !important;
            }

            .header .choose {
                display: none;
            }

            .header .brand .name {
                margin-left: 8px;
            }

            .header .brand .name .n-1 {
                line-height: 22px;
                font-size: 16px;
                margin-top: 6px;
            }

            .header .brand .name .n-2 {
                font-size: 10px;
            }

            .content {
                min-width: initial;
                margin-top: 10px;
                width: 100%;
            }

            .container {
                height: initial;
                padding-bottom: 10px;
            }

            .container .main .bg {
                height: 77vh;
            }

            .container .main {
                padding-left: 10px;
                padding-right: 10px;
            }

            .content .iphone {
                width: 29vh;
                margin: 0 auto;
                margin-top: 2vh;
                float: initial;
            }

            .content .info {
                width: 100%;
                margin-top: 4vh;
            }
			
			.content .info1{ margin-top:150px}

            .info h2 {
                font-size: 16px;
                line-height: 20px;
                text-align: center;
            }

            .info p {
                padding: 0 20px;
                font-size: 14px;
                line-height: 18px;
                text-align: center;
                margin: 5px 0px 0px 0px;
            }
			
			.info_txt2{  padding-top:80px; display:block; width:100%}
			.info_txt2 h2{font-size:60px; color:#f8714d;display:block; width:100%; text-align:center; height:auto}
			.info_txt2 p{ font-size:18px; font-weight:bold; text-align:right; padding-top:30px; padding-right:100px}

            .link .code {
                width: 100%;
                float: initial;
            }

            .link .code {
                width: 80px;
                margin: 0 auto;
                margin-top: 0vh;
            }

            .link .code img {
                width: 80px !important;
            }

            .link .btns {
                width: 190px;
                margin: 0 auto;
                float: initial;
                overflow: hidden;
            }

            .link .btns .btn {
                float: left;
                margin-top: 2vh !important;
            }

            .content_1 .link .btns .btn:last-child {
                margin-left: 30px;
            }

            .content_2 .btn,
            .content_3 .btn {
                float: initial !important;
                margin: 0 auto;
                width: 80px;
            }

            .link .btns img {
                width: 80px !important;
            }

            .go-next {
                position: absolute;
                width: 100px;
                bottom: 1vh;
                left: 50%;
                margin-left: -30px;
            }

            .go-next img {
                width: 60px !important;
            }

            .footer p {
                line-height: 14px;
                font-size: 10px;
            }

            .footer p a {
                font-size: 10px;
            }

            .about_us {
                padding-top: 30px;
            }

            .about_us .info {
                line-height: 20px;
                font-size: 14px;
            }

            .about_us h2 {
                margin-top: 4vh;
                font-size: 16px;
                margin-bottom: 2vh;
            }

            .contact_us {
                margin-top: 1vh;
            }

            .contact_us .left {
                width: 100%;
                float: initial;
            }

            .contact_us .right {
                width: 100%;
                float: initial;
                margin-top: 20px;
            }

            .contact_us .img img {
                width: 80px !important;
            }

            .contact_us .contact {
                line-height: 20px;
                margin-right: initial;
            }

            .contact_us .contact h3 {
                font-size: 14px;
				margin-bottom:30px
            }

            .contact_us .img {
                float: right;
            }
        }