/*首页样式 - 英文版*/
html,body{
    margin:0px;
    height:100%;
    overflow: hidden;
    font-size: 14px;
}

.main{
    width: 100%;
    height: 100%;
    padding-top: 61px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 8;
}

    .main .container_box{
        width: 100%;
        height: 100%;
        text-align: center;
        position: relative;
    }


        .main .container_box .content{
            min-width: 1000px;

            margin: auto;

            position: absolute;
            left: 0px;
            right: 0px;
        }

            .container_box .content .content_text{
                background-size: cover;
                margin: auto;

                position: absolute;
                left: 0px;
                right: 0px;
                z-index: 18;

                display: none;

                transition: top 1.5s ease;
                -moz-transition: top 1.5s ease;
                -webkit-transition: top 1.5s ease;
                -o-transition: top 1.5s ease;
            }

            .container_box .content .title_en{
                line-height: 30px;
                font-size: 28px;
                font-weight: bold;
                font-family: "Arial", sans-serif;
                top: 104px;
            }

            .container_box .content .title_zh{
                line-height: 22px;
                font-size: 18px;
                top: 140px;
            }

        .main .container_box .content_1{
            top: 0px;
            width: 1000px;
        }

            .container_box .content_1 .text_1{
                top: 100px;
                font-size: 24px;
                line-height: 32px;
            }

            .container_box .content_1 .text_2{
                line-height: 16px;
                font-size: 14px;
                font-family: "Arial", sans-serif;
                color: #4d4d5b;
                top: 190px;
                text-transform: uppercase;
            }

            .container_box .content_1 .text_3{
                width: 900px;
                height: auto;
                line-height: 22px;
                font-size: 13px;
                color: #b1b4bf;
                text-align: left;
                top: 234px;
            }

            /* 第一块 新修改的样式 */
            .puzzle_circle_box
            {
                position: absolute;
                top: 240px;
                left: 0px;
                right: 0px;
                margin: auto;
                width: 710px;
                height: 710px;
            }
            .puzzle_circle_01
            {
                position: absolute;
                top: 0px;
                left: 0px;
                right: 0px;
                margin: auto; 
                width: 63.9%;
                height: 63.9%;
                z-index: 30;
                opacity: 0;
                display: none;
            }
            .puzzle_circle_01 img
            {
                width: 100%;
                height: 100%;
            }

            .puzzle_service_box
            {
                position: absolute;
                top: -4%;
                left: 0px;
                right: 0px;
                margin: auto; 
                width: 92.1%;
                height: 71.1%;
                opacity: 0;
                display: none;
            }
            .puzzle_service_box .puzzle_service
            {
                position: absolute;
                width: 12.38%;
                height: 16.03%;
                z-index: 33;
                background: #0070c0;
                border-radius: 100%;
            }
            .puzzle_service_box .puzzle_service a
            {
                width: 100%;
                height: 100%;
                font-size: 12px;
                font-family: "Arial", sans-serif;
                text-align: center;
                color: #fff;
                text-decoration: none;
                display: block;
                line-height: 135px;
            }
            .puzzle_service_box .puzzle_service span.title
            {
                display: inline-block;
                width: 80%;
                height: auto;
                line-height: 16px;
                font-size: 11px;
                position: absolute;
                top: 33%;
                left: 10%;
            }
            .puzzle_service_box .puzzle_service span img
            {
                width: 100%;
                height: 100%;
            }
            .puzzle_service_box .puzzle_service span.icon_01
            {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                border-radius: 100%;
                opacity: 1;
                z-index: 31;
            }
            .puzzle_service_box .puzzle_service span.desc{
                position: absolute;
                top: 15.79%;
                left: 100%;
                width: 120px;
                text-align: left;
                font-size: 11px;
                color: #b1b4bf;
                line-height: 16px;
                display: none;
            }

            .puzzle_service_box .puzzle_service:nth-child(1)
            {
                top: 0;
                left: 50%;
                margin-left: -6.189%;
            }  
            .puzzle_service_box .puzzle_service:nth-child(2),.puzzle_service_box .puzzle_service:nth-child(6)
            {
                top: 23.35%;
                left: 12.38%;
            }
            .puzzle_service_box .puzzle_service:nth-child(2) .desc{
                left: -103.68%;
                top: 26.84%;
                text-align: left;
            }
            .puzzle_service_box .puzzle_service:nth-child(3),.puzzle_service_box .puzzle_service:nth-child(5)
            {
                bottom: 18.57%;
                left: 14.33%;
            }
            .puzzle_service_box .puzzle_service:nth-child(3) .desc{
                left: -131%;
                top: 20%;
            }
            .puzzle_service_box .puzzle_service:nth-child(4)
            {
                bottom: 0;
                left: 50%;
                margin-left: -6.189%;
            }
            .puzzle_service_box .puzzle_service:nth-child(5)
            {
               left: 74.59%;
            } 
            .puzzle_service_box .puzzle_service:nth-child(6)
            {
               left: 77.96%;
            } 
            .puzzle_service_box .puzzle_service:hover span.icon_01            
            {
               background: rgba(97,119,215,.8);
            }
            .puzzle_circle_02
            {
                width: 38%;
                height: 39.8%;
                position: absolute;
                top: 12%;
                left: 0;
                right: 0;
                margin: auto;
                z-index: 34;
                border-radius: 50%;
                overflow: hidden;
                opacity: 0;
                display: none;
            }

            .puzzle_circle_02_animation
            {
                 /*添加动画*/
                animation: rotateScale 10s linear infinite;
                -webkit-animation: rotateScale 10s linear infinite;
                -moz-animation: rotateScale 10s linear infinite;
                -o-animation: rotateScale 10s linear infinite; 
            }
            .puzzle_circle_02 img,.puzzle_circle_03 img,.puzzle_circle_04 img
            {
                width: 100%;
                height: 100%;
                border-radius: 50%;
            }

            @-webkit-keyframes rotateScale
            {
                0%
                {
                    -webkit-transform: rotate(0);
                }
                50%
                {
                    -webkit-transform: rotate(180deg);
                }
                100%{
                    -webkit-transform: rotate(360deg);
                }
            }
            @-moz-keyframes rotateScale
            {
                0%
                {
                    -moz-transform: rotate(0);
                }
                50%
                {
                    -moz-transform: rotate(180deg);
                }
                100%{
                    -moz-transform: rotate(360deg);
                }
            }
            @-ms-keyframes rotateScale
            {
                0%
                {
                    -ms-transform: rotate(0);
                }
                50%
                {
                    -ms-transform: rotate(180deg);
                }
                100%{
                    -ms-transform: rotate(360deg);
                }
            }
            @-o-keyframes rotateScale
            {
                0%
                {
                    -o-transform: rotate(0);
                }
                50%
                {
                    -o-transform: rotate(180deg);
                }
                100%{
                    -o-transform: rotate(360deg);
                }
            }
            @keyframes rotateScale
            {
                0%
                {
                    transform: rotate(0);
                }
                50%
                {
                    transform: rotate(180deg);
                }
                100%{
                    transform: rotate(360deg);
                }
            }

            .puzzle_operate_box
            {
                font-size: 1em;
                width: 19.313em;
                height: 19.313em; 
                position: absolute;
                top: 129px;
                left: 0px;
                right: 0px;
                margin: auto;
                z-index: 32;
                border-radius: 50%;
                border: 1px solid #2c2d3a;
                background-color: #2c2d3a;
                overflow: hidden;
                opacity: 0;
                display: none;
            }
            .puzzle_operate_box ul
            {
                width: 100%;
                height: 100%;
                margin: 0;
                padding: 0; 
            }
            .puzzle_operate_box ul li
            {
                font-size: 1.5em; 
                width: 7.428em;
                height: 7.428em;
                position: absolute;
                left: 50%;
                top: 50%;
                margin-top: -7.35em;
                margin-left: -7.35em;     
                -webkit-transform-origin: 100% 100%;
                -moz-transform-origin: 100% 100%;
                -ms-transform-origin: 100% 100%;
                transform-origin: 100% 100%;
                overflow: hidden;
                border: 1px dashed #2975ba;
            }
            .puzzle_operate_box ul li a 
            {
                display: block;
                font-size: 18px;
                height: 13.771em;
                width: 13.771em;
                position: absolute;
                bottom: -5.386em;
                right: -5.386em;
                border-radius: 50%;
                text-decoration: none;
                color: #fff;
                padding-top: 1.8em;
                text-align: center;
                background-color: #2c2d3a;
                cursor: pointer;
                -webkit-transform: skew(-18deg) rotate(-54deg) scale(1);
                -ms-transform: skew(-18deg) rotate(-54deg) scale(1);
                -moz-transform: skew(-18deg) rotate(-54deg) scale(1);
                transform: skew(-18deg) rotate(-54deg) scale(1);
                font-family: 'Microsoft YaHei';
            }
            .puzzle_operate_box ul li a:hover, .puzzle_operate_box ul li a:focus
            {
                background-color: #303240;
                color: #2975ba;
            }
            .puzzle_operate_box ul li:nth-child(1)
            {
                 -webkit-transform: rotate(72deg) skew(18deg);
                -ms-transform: rotate(72deg) skew(18deg);
                -moz-transform: rotate(72deg) skew(18deg);
                transform: rotate(72deg) skew(18deg); 
            }
            .puzzle_operate_box ul li:nth-child(2)
            {
                -webkit-transform: rotate(144deg) skew(18deg);
                -ms-transform: rotate(144deg) skew(18deg);
                -moz-transform: rotate(144deg) skew(18deg);
                transform: rotate(144deg) skew(18deg);
            }
            .puzzle_operate_box ul li:nth-child(3)
            {
                -webkit-transform: rotate(216deg) skew(18deg);
                -ms-transform: rotate(216deg) skew(18deg);
                -moz-transform: rotate(216deg) skew(18deg);
                transform: rotate(216deg) skew(18deg);
            }
            .puzzle_operate_box ul li:nth-child(4)
            {
                -webkit-transform: rotate(288deg) skew(18deg);
                -ms-transform: rotate(288deg) skew(18deg);
                -moz-transform: rotate(288deg) skew(18deg);
                transform: rotate(288deg) skew(18deg);
            }
            .puzzle_operate_box ul li:nth-child(5)
            {
                -webkit-transform: rotate(360deg) skew(18deg);
                -ms-transform: rotate(360deg) skew(18deg);
                -moz-transform: rotate(360deg) skew(18deg);
                transform: rotate(360deg) skew(18deg);
            }

            .puzzle_circle_03
            {
                width: 38%;
                height: 39.8%;
                position: absolute;
                top: 12%;
                left: 0;
                right: 0;
                margin: auto;
                z-index: 35;
                border-radius: 50%;
                overflow: hidden;  
                opacity: 0;
                display: none;
            }

            .puzzle_circle_04
            {
                width: 27.3%;
                height: 27.1%;
                position: absolute;
                top: 18.8%;
                left: 0;
                right: 0;
                margin: auto;
                z-index: 36;
                border-radius: 50%;
                overflow: hidden;
                opacity: 0;
                display: none;
            }

        /*第二模块样式*/
        .container_box .content_2{
            top: 0px;
            bottom: 100px;
            height: 600px;
            width: 1200px;
        }

            .container_box .content_2 .title_en{
                color: #404040;
            }

            .container_box .content_2 .title_zh{
                color: #595758;
            }
			
			.container_box .content_2 .options-box{
				width: 100%;
				height: 100%;
				position: absolute;
				top: 355px;
				left: 0;
				font-size: 0;
				text-align: center;
				transition: top 1s ease;
                -moz-transition: top 1s ease;
                -webkit-transition: top 1s ease;
                -o-transition: top 1s ease;
                display: none;
			}
			.container_box .content_2 div:nth-of-type(4){
				top:680px
			}
			.container_box .content_2 .options-box .options-item{
				display: inline-block;
				width: 360px;
				height: 240px;
				margin:0 18px;
                background: #eff2f5;
                border-radius: 30px;
                position: relative;
                float: left;
                top: 0;
                transition: all 0.1s linear;
			}
            .container_box .content_2 .options-box .options-item:hover{
                top: -10px;
            }
			.container_box .content_2 .options-box .options-item a{
				display: block;
				text-decoration: none;
			}
            .container_box .content_2 .options-box .options-item .item-top{
                position: absolute;
				top: -15px;
				left: 0;
				right: 0;
				margin: auto;
            }
            .container_box .content_2 .options-box .options-item .item-top img{
                float: left;
                width: 126px;
                margin-left: 30px;
            }
			.container_box .content_2 .options-box .options-item a p.title{
				font-size: 22px;
                color: transparent;
                background-image: linear-gradient(to right,#007fff, #8ccbff);
                background-clip: text;
                -webkit-background-clip:text;
	            -webkit-text-fill-color:transparent;
                font-weight: bold;
                text-align: left;
                width: 180px;
                line-height: 28px;
                margin-left: 170px;
                margin-top: 40px;
			}
			.container_box .content_2 .options-box .options-item a p.subtitle{
				font-size: 9px;
				text-align: left;
                color: #000;
                margin-top: 130px;
                line-height: 22px;
                padding: 0 25px;
			}

        /*第三模块样式*/
        .container_box .content_3{
            top: 0px;
            bottom: 0px;
            width: 1200px;
            height: 700px;
        }

            .container_box .content_3 .title_en{
                color: #e0e0e1;
            }

            .container_box .content_3 .title_zh{
                color: #e0e0e1;
            }

            .container_box .content_3 .logo-wall{
                width: 100%;
                max-width: 1100px;
                margin-top: 180px;
            }

        /*第五模块样式*/
        .container_box .content_5{
            top: 0px;
            bottom: 0px;
            width: 1000px;
            height: 600px;
            text-align: center;
        }

            .container_box .content_5 .title_en{
                color: #e0e0e1;
            }

            .container_box .content_5 .title_zh{
                color: #e0e0e1;
            }

            .container_box .content_5 .icon_box{
                width: 280px;
                margin: auto;
                position: absolute;
                top: 360px;
                display: none;
                text-align: center;
                overflow: hidden;
                transition: top 700ms ease;
                -moz-transition: top 700ms ease;
                -webkit-transition: top 700ms ease;
                -o-transition: top 700ms ease;
            }

                .container_box .content_5 .icon_box .icon{
                    width: 100px;
                    height: 100px;
                    margin: auto;
                }

                .container_box .content_5 .icon_box .text{
                    width: auto;
                    line-height: 18px;
                    font-size: 12px;
                    color: #b0b0bc;
                    margin: 15px auto 0px auto;
                }

            .container_box .content_5 .location_1{
                left: 0px;
            }

            .container_box .content_5 .location_2{
                left: 240px;
            }

            .container_box .content_5 .location_3{
                right: 240px;
            }
            
            .container_box .content_5 .location_4{
                right: 0px;
            }

    .main .container_bg_1{
        background: url(../images/container_bg_1.jpg) no-repeat;
        background-position:center bottom;
        background-color: #2a2b33;
    }

    .main .container_bg_2{
        background: url(../images/container_bg_2.jpg) no-repeat;
        background-position:center bottom;
        background-color: #2c2c39;
    }

    .main .container_bg_3{
        background: url(../images/container_bg_3.jpg) no-repeat;
        background-position:center bottom;
        background-color: #020203;
    }

    .main .container_even{
        background: #fff;
    }
    .main .container_nav{
        height: 14px;
        margin: auto;
        position: fixed;
        top: 0px;
        bottom: 0px;
        right: 50px;
        z-index: 20;
        text-align: center;
    }

        .main .container_nav .options_box{
            padding: 7px;
            cursor: pointer;

        }

            .container_nav .options_selected .options{
                width: 12px !important;
                height: 12px !important;
            }

            .container_nav .options_box .options{
                width: 4px;
                height: 4px;
                border-radius: 50%;
                background: #e1e1e1;
                margin: auto;
            }

    .main .turnpage_btn{
        width: 42px;
        height: 22px;

        background: url(../images/turnpage_btn.png) no-repeat;

        margin: auto;
        position: fixed;

        left: 0px;
        right: 0px;
        bottom: 48px;

        z-index: 2000;

        cursor: pointer;

        display: none;
        opacity: 0;
    }




    /*英文版新修改样式*/
    .container_box .content_1 .text_en_2
    {
        color: #fff;
        font-size: 45px;
    }
    .container_box .content_1 .text_en_3
    {
        font-size: 14px;
    }
    .content_2 .options .introduction-en
    {
        width: 180px;
    }
    .content_3 .trademark_list .trademark_box div.trademark-en
    {
        font-size: 26px;
    }
    .content_4 .options .text_box .title-en
    {
        font-size: 22px;
        line-height: 30px;
    }
    .container_box .content_4 .options_en, .content_4 .options .text_box_en
    {
        height: 120px;
    }
    .container_box .content_5 .location_en_3
    {
        width: 300px;
    }
    .container_box .content_5 .location_en_3 .text
    {
        line-height: 22px;
    }
    .container_box .content_5 .icon_box.location_en_1 .text
    {
        line-height: 20px;
    }
    .logo-wall{
        margin-top: 120px;
        width: 1100px;
    }