/* ########## ↓ 清除原先格式 ↓ ########## */

    body {
        background: #eee;
        font-size: 14px;
        margin: 0;
        padding: 0;
        overflow-x: hidden;
        font-family: Arial, "LiHei Pro", "Microsoft JhengHei", "PMingLiU", sans-serif;
    }

    a {
        text-decoration: none!important;
    }

    ul,
    li {
        list-style: none;
    }

    #clear {
        clear: both;
    }

    .text-align-center-MB {
        text-align: left;
    }

    .text-align-center {
        text-align: center;
    }

    .text-align-left {
        text-align: left;
    }

    .text-align-right {
        text-align: right;
    }

    .MbEnter {
        display: none;
    }

    .MbNone {
        display: block;
    }

    .PcSpace {
        display: inline-block;
    }

    .PcNone {
        display: none;
    }

	.mobile_bottom_footer .mobile_bottom_box li {
		font-size: 0.9em;
		margin:2px 0 5px 5px;
		height:10px;
		padding-top:13px;
	}
	.mobile_bottom_footer .mobile_bottom_logo {
		height: 140px;
		line-height: 120px;
	}
	
.blink {
    animation-duration: .6s;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
}
@keyframes blink {
    0% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    81% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

    @media (max-width:480px) {
        .MbEnter {
            display: block;
        }
        .PcSpace {
            display: none;
        }
    }

    @media (max-width:1023px) {
        .MbNone .fourth_MD {
            display: none;
        }
    }

    @media (max-width:767px) {
        .MbNone {
            display: none;
        }
        .PcNone {
            display: block;
        }
        .text-align-center-MB {
            text-align: center;
        }
    }

    img {
        width: 100%;
        height: auto;
        text-align: center;
        margin: auto;
    }
    /* ########## ↑ 清除原先格式 ↑ ########## */

    @media (min-width:320px) {
        .colume_C {
            background-image: url('../img/first_bg.jpg');
            background-repeat: no-repeat;
            background-position: center center;
            background-size: auto 450px;

            display: block;
            max-width: 100vw;
            height: 430px;
            position: relative;
            overflow-y: hidden;
        }
        .colume_C .main {
            width: 100vw;
            max-width: 1280px;
            height: 430px;
            display: block;
            position: relative;
            margin: auto;
            overflow: hidden;
        }
        .colume_C .title {
            width: 300px;
            float: left;
            margin-top: 7%;
            position: absolute;
            left: 0;
            right: 0;
            margin-left: auto;
            margin-right: auto;
            z-index: 2;
        }
        .colume_C .title .Nice {
            position: absolute;
            top: -10px;
            right: 5px;
            width: 60px;
            height: 60px;
            display: block;
            background-image: url('../img/Nice.png');
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 60px auto;
        }
        .colume_C .model {
            width: 320px;
            float: right;
            position: absolute;
            right: 0%;
            left: 0;
            bottom: -4px;
            margin-right: auto;
            margin-left: auto;
            z-index: 1;
        }
    }

    @media (min-width:480px) {
        .colume_C {
            background-size: 1920px auto;

            height: 700px;
        }
        .colume_C .main {
            height: 700px;
        }
        .colume_C .title {
            width: 400px;
        }
        .colume_C .title .Nice {
            top: 5px;
            right: 15px;
            width: 80px;
            height: 80px;
            background-size: 80px auto;
        }
        .colume_C .model {
            width: 480px;
        }
    }

    @media (min-width:640px) {
        .colume_C .title {
            width: 520px;
            margin-top: 5%;
        }
        .colume_C .model {
            width: 550px;
        }
		.talk {
			width: 220px;
			top:45%;
			right: 10%;
		}
    }

    @media (min-width:1024px) {
        .colume_C .title {
            position: relative;
            margin-top: 15%;
            margin-left: 15%;
        }
        .colume_C .model {
            width: 620px;
            margin-right: 2%;
        }
    }

    @media (min-width:1280px) {
        .colume_C .title {
            width: 650px;
            margin-top: 12%;
            margin-left: 8%;
        }

        .colume_C .title .Nice {
            width: 100px;
            height: 100px;
            background-size: 100px auto;
        }

        .colume_C .model {
            width: 768px;
        }
    }

    @media (min-width:320px) {
        .views_01 {
            background-image: url('../img/second_bg.jpg');
            background-repeat: no-repeat;
            background-position: 76% center;
            background-size: 1920px auto;

            display: block;
            width: 100vw;
            height: auto;
            max-height: 790px;
            position: relative;
            overflow-y: hidden;
        }
        .views_01 .colume_R {
            height: 450px;
            padding-top: 0px;
            padding-bottom: 0px
        }
        .views_01 .title {
            margin-top: 87px;
        }
        .views_01 .title h2 {
            color: #003eaf;
            font-size: 29px;
            height: 80px;
            line-height: 40px;
            text-align: center;
        }
        .views_01 .main h3 {
            color: #484848;
            font-size: 18px;
            line-height: 1.4em;
            text-align: center;
        }
        .views_01 .main {
            margin-top: 37px;
            margin-bottom: 87px;
        }
    }

    @media (min-width:480px) {}

    @media (min-width:640px) {
        .views_01 .title h2 {
            font-size: calc(34px + (37 - 34) * ((100vw - 640px)/ (1024 - 640)));
        }
        .views_01 .main h3 {
            font-size: calc(25px + (29 - 25) * ((100vw - 640px)/ (1024 - 640)));
        }
        .views_01 .main {
            margin-top: 0px;
        }
    }

    @media (min-width:1024px) {
        .views_01 .colume_R {
            height: 500px;
            padding-top: 78px;
        }
        .views_01 .title h2 {
            font-size: calc(34px + (37 - 34) * ((100vw - 1024px)/ (1280 - 1024)));
        }
        .views_01 .main h3 {
            font-size: calc(25px + (29 - 25) * ((100vw - 1024px)/ (1280 - 1024)));
        }
    }

    @media (min-width:1280px) {
        .views_01 .title h2 {
            font-size: calc(34px + (37 - 34) * ((100vw - 1280px)/ (1920 - 1280)));
        }
        .views_01 .main h3 {
            font-size: calc(25px + (29 - 25) * ((100vw - 1280px)/ (1920 - 1280)));
        }
    }

    .views_02 {
        background-image: url('../img/third_bg.jpg');
        background-repeat: repeat;
        background-position: center center;
        background-size: 1920px auto;

        display: block;
        width: 100vw;
        height: auto;
        max-height: 1860px;
        position: relative;
        overflow-y: hidden;
        overflow-x: hidden;
    }

    .views_02 .title h2 {
        color: #fff;
        height: 60px;
        line-height: 60px;
        text-align: center;
        padding-top: 87px;
    }

    @media (min-width:320px) {
        .views_02 .title h2 {
            font-size: 29px;
            height: 80px;
            line-height: 40px;
        }
    }

    @media (min-width:480px) {
        .views_02 .title h2 {}
    }

    @media (min-width:640px) {
        .views_02 .title h2 {
            font-size: calc(34px + (37 - 34) * ((100vw - 640px)/ (1024 - 640)));
        }
    }

    @media (min-width:1024px) {
        .views_02 .title h2 {
            font-size: calc(34px + (37 - 34) * ((100vw - 1024px)/ (1280 - 1024)));
        }
    }

    @media (min-width:1280px) {
        .views_02 .title h2 {
            font-size: calc(34px + (37 - 34) * ((100vw - 1280px)/ (1920 - 1280)));
        }
    }

    .views_02 .main .text-align-right img {
        width: 92%;
        max-width: 500px;
        margin-right: 4%;
    }

    .views_02 .main .text-align-left img {
        width: 92%;
        max-width: 500px;
        margin-left: 4%;
    }

    @media (max-width:767px) {
        .views_02 .main .text-align-right img {
            width: 86%;
            margin-left: 7%;
            margin-right: 7%;
        }
        .views_02 .main .text-align-left img {
            width: 86%;
            margin-left: 7%;
            margin-right: 7%;
            margin-top: 20px;
        }
    }

    .views_03 {
        background-image: url('../img/fourth_bg.jpg');
        background-repeat: repeat;
        background-position: center center;
        background-size: 1920px auto;

        display: block;
        width: 100vw;
        height: auto;
        position: relative;
        overflow-y: hidden;
    }

    .views_03 .mian {
        padding-bottom: 100px;
    }

    .views_03 .title {
        padding-top: 87px;
    }

    .views_03 .title h2 {
        color: #003eaf;
        text-align: center;
    }

    .views_03 .title h3 {
        color: #484848;
    }

    @media (min-width:320px) {
        .views_03 .title h2 {
            font-size: 29px;
            height: 80px;
            line-height: 40px;
        }

        .views_03 .title h3 {
            font-size: 18px;
            line-height: 1.2em;
            text-align: center;
        }
		.talk {
			position: absolute;
			z-index: 100;
			width: 140px;
			right: 1%;
			top:50%;
		}
    }

    @media (min-width:480px) {
        .views_03 .title h2 {}
        .views_03 .title h3 {}
    }

    @media (min-width:640px) {
        .views_03 .title h2 {
            height: 60px;
            line-height: 60px;
            font-size: calc(34px + (37 - 34) * ((100vw - 640px)/ (1024 - 640)));
        }
        .views_03 .title h3 {
            font-size: calc(25px + (29 - 25) * ((100vw - 640px)/ (1024 - 640)));
        }
    }

    @media (min-width:1024px) {
        .views_03 .title h2 {
            font-size: calc(34px + (37 - 34) * ((100vw - 1024px)/ (1280 - 1024)));
        }
        .views_03 .title h3 {
            font-size: calc(25px + (29 - 25) * ((100vw - 1024px)/ (1280 - 1024)));
        }
    }

    @media (min-width:1280px) {
        .views_03 .title h2 {
            font-size: calc(34px + (37 - 34) * ((100vw - 1280px)/ (1920 - 1280)));
        }
        .views_03 .title h3 {
            font-size: calc(25px + (29 - 25) * ((100vw - 1280px)/ (1920 - 1280)));
        }
    }

    .views_03 .main .icon {
        cursor: pointer;
    }

    .views_03 .main .icon:hover img {
        animation-name: tossing;
        -webkit-animation-name: tossing;

        animation-duration: 3.7s;
        -webkit-animation-duration: 3.7s;

        animation-iteration-count: infinite;
        -webkit-animation-iteration-count: infinite;
    }

    @media (min-width:320px) and (max-width: 767px) {
        .views_03 .main .icon {
            margin-bottom: 37px;
        }
    }

    .views_03 .main .icon:hover .explain {
        color: #000;
    }

    .subject {
        color: #003eaf;
        font-size: calc(21px + (23 - 21) * ((100vw - 1000px)/ (1680 - 1000)));
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .explain {
        color: #484848;
        font-size: calc(18px + (23 - 18) * ((100vw - 1000px)/ (1680 - 1000)));
        padding-bottom: 20px;
        width: 165px;
        margin: auto;
        text-align: left;
    }

    #go_form {
        background-color: #1c528e;
        color: #ffef06;
        font-size: 23px;
        text-align: center;
        width: 100vw;
        height: 100px;
        position: relative;
        line-height: 2em;
        overflow-y: hidden;
        overflow-x: hidden;
        cursor: pointer;
		padding-top:40px;
    }
	@media (max-width: 480px) {
		#go_form {
			height: 70px;
			padding-top:30px;
		}
	}

	#go_form h4 {
		line-height: 0.5em;
	}
    @media (min-width: 1281px) {
        .explain{
            width: 200px;
        }
    }
    @media screen and (max-width: 640px){
        .explain{
            width: 110px;
        }
		.colume_C .model {
			right: 10%;
		}
		.goDown {
			right:5px;
			bottom:5px;
		}
    }
    @media (min-width:640px) {
        #go_form {
            font-size: calc(34px + (37 - 34) * ((100vw - 640px)/ (1024 - 640)));
        }
		.talk {
			position: absolute;
			z-index: 100;
			width: 200px;
			right: 2%;
			top:43%;
		}
    }

    @media (min-width:1024px) {
        #go_form {
            font-size: calc(34px + (37 - 34) * ((100vw - 1024px)/ (1280 - 1024)));
        }
		.talk {
			position: absolute;
			z-index: 100;
			width: 240px;
			right: 0;
			top:30%;
		}
    }

    @media (min-width:1280px) {
        #go_form {
            font-size: calc(34px + (37 - 34) * ((100vw - 1280px)/ (1920 - 1280)));
        }
		.talk {
			position: absolute;
			z-index: 100;
			width: 270px;
			right: 0;
			top:13%;
		}
    }

	.goDown{
		position: fixed;
		z-index: 999;
		cursor: pointer;
		right: 20px;
		bottom: 20px;
	}
	@media (max-width: 480px) {
		.goDown{
			right: 5px;
			bottom: 5px;
		}
	}


    /* Shine */

    #go_form::after {
        content: '';
        top: 0;
        transform: translateX(100%);
        width: 100%;
        height: 200px;
        position: absolute;
        z-index: 1;
        animation: shine 1.8s infinite;
        opacity: 0.3;


        /* 
  CSS Gradient - complete browser support from http://www.colorzilla.com/gradient-editor/ 
  */
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.8)), color-stop(99%, rgba(128, 186, 232, 0)), color-stop(100%, rgba(125, 185, 232, 0)));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
        /* IE10+ */
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#007db9e8', GradientType=1);
        /* IE6-9 */
    }

    @keyframes shine {
        0% {
            transform: translateX(-100%);
        }
        100% {
            transform: translateX(100%);
        }
    }