@font-face {
    font-family: 'light';
    src: url('http://at.alicdn.com/t/hcu0n53dk1olayvi.eot');
    /* IE9*/
    src: url('http://at.alicdn.com/t/hcu0n53dk1olayvi.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('http://at.alicdn.com/t/hcu0n53dk1olayvi.woff') format('woff'), /* chrome、firefox */
    url('http://at.alicdn.com/t/hcu0n53dk1olayvi.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('http://at.alicdn.com/t/hcu0n53dk1olayvi.svg#NotoSansHans-DemiLight') format('svg');
    /* iOS 4.1- */
}

@font-face {
    font-family: 'normal';
    src: url('http://at.alicdn.com/t/cyigh66fic04quxr.eot');
    /* IE9*/
    src: url('http://at.alicdn.com/t/cyigh66fic04quxr.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('http://at.alicdn.com/t/cyigh66fic04quxr.woff') format('woff'), /* chrome、firefox */
    url('http://at.alicdn.com/t/cyigh66fic04quxr.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('http://at.alicdn.com/t/cyigh66fic04quxr.svg#NotoSansHans-DemiLight') format('svg');
    /* iOS 4.1- */
}

* {
    margin: 0;
    padding: 0;
    list-style: none;
}

.light {
    font-family: "light" !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
}

.normal {
    font-family: "normal" !important;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
}

.h1030 {
    height: 1030px;
}

.h984 {
    height: 984px;
}

.h911 {
    height: 911px;
}

.h990 {
    height: 990px;
}

.h428 {
    height: 428px;
}

.h1000 {
    height: 1000px;
}

.h1080 {
    height: 1080px;
}

.h995 {
    height: 995px;
}

.h806 {
    height: 806px;
}

.h1077 {
    height: 1077px;
}

.h1070 {
    height: 1070px;
}

.h994 {
    height: 994px;
}

.h234 {
    height: 234px;
}

.h704 {
    height: 704px;
}

.h289 {
    height: 289px;
}

.section0 {
    position: relative;
    background: #eaebed;
    overflow: hidden;
}

.section0 .content {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -30%;
    margin-top: -105px;
    width: 350px;
    animation-name: text;
    -webkit-animation-name: text;
    -moz-animation-name: text;
    -ms-animation-name: text;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -ms-animation-delay: 1s;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -ms-animation-duration: 1.5s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    opacity: 0;
}

.section0 .content div {
    height: 46px;
    line-height: 46px;
    font-size: 26px;
    color: #c0c0c0;
}

@keyframes text {
    0% {
        margin-top: 100px;
        opacity: 0;
    }
    100% {
        margin-top: -105px;
        opacity: 1;
    }
}

@-webkit-keyframes text {
    0% {
        margin-top: 100px;
        opacity: 0;
    }
    100% {
        margin-top: -105px;
        opacity: 1;
    }
}

@-moz-keyframes text {
    0% {
        margin-top: 100px;
        opacity: 0;
    }
    100% {
        margin-top: -105px;
        opacity: 1;
    }
}

@-ms-keyframes text {
    0% {
        margin-top: 100px;
        opacity: 0;
    }
    100% {
        margin-top: -105px;
        opacity: 1;
    }
}

.section0 .content h1 {
    height: 38px;
    margin: 0;
    color: #4a4a4a;
    font-size: 40px;
}

.section0 .content p {
    height: 68px;
    line-height: 68px;
    color: #4a4a4a;
    font-size: 28px;
}

.section0 .content ul {
    overflow: hidden;
    height: 32px;
    margin-bottom: 14px;
}

.section0 .content ul li {
    float: left;
    font-size: 16px;
    color: #7B7B7B;
    border-right: 1px solid #7B7B7B;
    padding-left: 10px;
    padding-right: 10px;
}

.section0 .content ul li:nth-child(1) {
    padding-left: 0;
}

.section0 .content ul li:nth-child(3) {
    border-right: none;
}

.section0 .content strong {
    color: #ff4700;
    font-size: 28px;
}

.section0 #a1 {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -280px;
    margin-top: -830px;
    width: 30.7%;
    height: auto;
    transform: scale(0.5, 0.5);
    -webkit-transform: scale(0.5, 0.5);
    -moz-transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
    animation-name: big;
    animation-delay: 0.5s;
    animation-timing-function: ease-out;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    -webkit-animation-name: big;
    -webkit-animation-delay: 0.5s;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-duration: 2s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: big;
    -moz-animation-delay: 0.5s;
    -moz-animation-timing-function: ease-out;
    -moz-animation-duration: 2s;
    -moz-animation-fill-mode: forwards;
    -ms-animation-name: big;
    -ms-animation-delay: 0.5s;
    -ms-animation-timing-function: ease-out;
    -ms-animation-duration: 2s;
    -ms-animation-fill-mode: forwards;
}

@keyframes big {
    0% {
        transform: scale(0.5, 0.5);
        margin-top: -830px;
        margin-left: -280px;
    }
    100% {
        transform: scale(1, 1);
        margin-left: 0px;
        margin-top: -270px;
    }
}

@-webkit-keyframes big {
    0% {
        -webkit-transform: scale(0.5, 0.5);
        margin-top: -830px;
        margin-left: -280px;
    }
    100% {
        -webkit-transform: scale(1, 1);
        margin-left: 0px;
        margin-top: -270px;
    }
}


/*@-moz-keyframes big {
    0% {
        -moz-transform: scale(0.5, 0.5);
        margin-top: -830px;
        margin-left: -280px;
    }
    100% {
        -moz-transform: scale(1, 1);
        margin-left: 0px;
        margin-top: -270px;
    }
}

@-ms-keyframes big {
    0% {
        -ms-transform: scale(0.5, 0.5);
        margin-top: -830px;
        margin-left: -280px;
    }
    100% {
        -ms-transform: scale(1, 1);
        margin-left: 0px;
        margin-top: -270px;
    }
}*/

.section1 {
    background: url(images/bBg.png) no-repeat center center;
    background-size: cover;
}

.section1 dl {
    margin: 120px auto;
    text-align: center;
    width: 550px;
    color: #4a4a4a;
}

.section1 dl dt {
    height: 96px;
    line-height: 96px;
    font-size: 40px;
    font-weight: normal;
}

.section1 dl dd {
    line-height: 28px;
    font-size: 16px;
}

.section2 {
    background: #fff;
    position: relative;
}

.section2 dl {
    margin: 120px auto;
    text-align: center;
    width: 48.4375%;
    color: #4a4a4a;
}

.section2 dl dt {
    height: 96px;
    line-height: 96px;
    font-size: 40px;
    font-weight: normal;
}

.section2 dl dd {
    line-height: 28px;
    font-size: 16px;
}

.section2 ul {
    width: 70%;
    height: 471px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -35%;
    margin-top: -130px;
}

.section2 ul li {
    width: 48%;
    height: 100%;
}

.section2 ul li video {
    width: 100%;
    height: auto;
}

.section2 ul li p {
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 16px;
}

.section3 {
    background: url(images/section3.png) no-repeat center center;
    background-size:cover;
    position: relative;
}

.section3 dl {
    margin: 120px auto;
    text-align: center;
    width: 550px;
    color: #fff;
}

.section3 dl dt {
    height: 96px;
    line-height: 96px;
    font-size: 40px;
    font-weight: normal;
}

.section3 dl dd {
    line-height: 28px;
    font-size: 16px;
}

#d1 {
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -270px;
}

.section4 {
    background: url(images/eBg.png) no-repeat center center;
    background-size: cover;
    position: relative;
}

#eicon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -64px;
    margin-top: -69px;
}

.section4 span {
    position: absolute;
    width: 133px;
    height: 44px;
    line-height: 44px;
    left: 50%;
    top: 50%;
    margin-left: -66px;
    margin-top: 64px;
    color: #fff;
    font-size: 16px;
    text-align: center;
}

.section5 {
    background: #fff;
    position: relative;
}

.section5 #f1 {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -288px;
    margin-left: -50%;
    width: 71.8%;
    height: auto;
}

.section5 dl {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -223px;
    margin-left: 5px;
}

.section5 dl dt {
    font-size: 40px;
    font-weight: normal;
}

.section5 dl dd {
    font-size: 16px;
    line-height: 28px;
    color: #4a4a4a;
    margin-top: 28px;
}

.section5 #ficon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: 160px;
    margin-left: 5px;
}

.section5 ul {
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: 230px;
    margin-left: -40px;
}

.section5 ul li {
    float: left;
    width: 166px;
    text-align: center;
}

.section6 {
    background: url(images/gBg.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
}

.section6 dl {
    margin: 120px auto;
    text-align: center;
    width: 550px;
    color: #4a4a4a;
}

.section6 dl dt {
    height: 96px;
    line-height: 96px;
    font-size: 40px;
    font-weight: normal;
}

.section6 dl dd {
    line-height: 28px;
    font-size: 16px;
}

.section7 {
    position: relative;
}

.section7 #v7 {
    width: 80%;
    height: auto;
    margin: 0 10%;
}

.section7 dl {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -340px;
    margin-top: 150px;
    text-align: center;
    width: 680px;
    color: #4a4a4a;
}

.section7 dl dt {
    height: 96px;
    line-height: 96px;
    font-size: 40px;
    font-weight: normal;
}

.section7 dl dd {
    line-height: 28px;
    font-size: 16px;
}

.section8 {
    background: url(images/iBg.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
}

.section8 dl {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -550px;
    margin-top: -130px;
    width: 500px;
    color: #fff;
}

.section8 dl dt {
    line-height: 57px;
    font-size: 40px;
    margin-bottom: 16px;
    font-weight: normal;
}

.section8 dl dd {
    line-height: 28px;
    font-size: 16px;
}

.section8_1 {
    background: url(images/ij.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
}

.section8_1 dl {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: 240px;
    margin-top: -110px;
    width: 350px;
    color: #4a4a4a;
}

.section8_1 dl dt {
    line-height: 57px;
    font-size: 40px;
    margin-bottom: 16px;
    font-weight: normal;
}

.section8_1 dl dd {
    line-height: 28px;
    font-size: 16px;
}

.section10 {
    position: relative;
    background: #252525;
}

.section10 dl {
    margin: 120px auto;
    text-align: center;
    width: 550px;
    color: #fff;
}

.section10 dl dt {
    height: 96px;
    line-height: 96px;
    font-size: 40px;
    font-weight: normal;
}

.section10 dl dd {
    line-height: 28px;
    font-size: 16px;
}

.section10 #k1 {
    position: absolute;
    left: 50%;
    bottom: -1024px;
    margin-left: -500px;
}

.section10 #k2 {
    display: none;
    position: absolute;
    left: 50%;
    bottom: 300px;
    margin-left: -206px;
    opacity: 0;
}

    .section11 {
        position: relative;
    }

    .section11 dl {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -572px;
        margin-top: -330px;
        width: 550px;
        color: #4a4a4a;
        z-index: 999;
    }

    .section11 dl dt {
        height: 96px;
        line-height: 96px;
        font-size: 40px;
        font-weight: normal;
    }

    .section11 dl dd {
        line-height: 28px;
        font-size: 16px;
    }

    .section11 #l1 {
        position: absolute;
        left: 50%;
        bottom: -3px;
        margin-left: -320px;
        z-index: 100;
    }

    #play1{width:100%;height:1080px;background:#ccc;margin:0 auto;position:relative;overflow: hidden;}
    #play1 ul{position:absolute;top:0;left:0;}
    #play1 ul li{position:relative;float:left;height:1080px;}
    #play1 ul li img{position:absolute;left:0;top:0;width:100%;height:100%;}

    #play2{    
    width: 430px;
    height: 249px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: 262px;
    margin-left: -278px;
    overflow: hidden;
    z-index: 9;}
    #play2 ul{position:absolute;top:0;left:0;}
    #play2 ul li{position:relative;float:left;width:430px;height:250px;}
    #play2 ul li img{position:absolute;left:0;top:0;width:100%;height:100%;}

.section12 {
    position: relative;
    background: url(images/mbg.png) no-repeat center center;
    background-size: cover;
}

.section13 {
    position: relative;
    background: url(images/jst1.png) no-repeat center center;
    background-size: cover;
}

.section13 dl {
    margin: 120px auto;
    text-align: center;
    width: 550px;
    color: #fff;
}

.section13 dl dt {
    height: 96px;
    line-height: 96px;
    font-size: 40px;
    font-weight: normal;
}

.section13 dl dd {
    line-height: 28px;
    font-size: 16px;
}

.section14 {
    position: relative;
    background: url(images/obg.jpg) no-repeat center center;
    background-size: cover;
}

.section14 p {
    height: 60px;
    line-height: 50px;
    font-size: 14px;
    color: #fff;
    background: #000;
    -moz-opacity: 0.6;
    opacity: 0.6;
    text-align: center;
    position: absolute;
    bottom: 0;
    margin: 0;
    width: 100%;
}

.section15 {
    position: relative;
    background: url(images/pbg.jpg) no-repeat center center;
    background-size: cover;
}

.section15 a {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -124px;
    margin-top: -17px;
    color: #fff;
    text-align: center;
    font-size: 36px;
}

.section15 a:hover {
    text-decoration: none;
    color: #fff;
}

embed {
    margin: 0 auto;
}

@media screen and (max-width: 1366px) {
    .section0 .content {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -30%;
        margin-top: -105px;
        width: 350px;
        animation-name: text;
        -webkit-animation-name: text;
        -moz-animation-name: text;
        -ms-animation-name: text;
        animation-delay: 3s;
        -webkit-animation-delay: 3s;
        -moz-animation-delay: 3s;
        -ms-animation-delay: 3s;
        animation-timing-function: linear;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear;
        -ms-animation-timing-function: linear;
        animation-duration: 2s;
        -webkit-animation-duration: 2s;
        -moz-animation-duration: 2s;
        -ms-animation-duration: 2s;
        animation-fill-mode: forwards;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        -ms-animation-fill-mode: forwards;
        opacity: 0;
    }
    @keyframes text {
        0% {
            margin-top: 100px;
            opacity: 0;
        }
        100% {
            margin-top: -200px;
            opacity: 1;
        }
    }
    @-webkit-keyframes text {
        0% {
            margin-top: 100px;
            opacity: 0;
        }
        100% {
            margin-top: -200px;
            opacity: 1;
        }
    }
    @-moz-keyframes text {
        0% {
            margin-top: 100px;
            opacity: 0;
        }
        100% {
            margin-top: -200px;
            opacity: 1;
        }
    }
    @-ms-keyframes text {
        0% {
            margin-top: 100px;
            opacity: 0;
        }
        100% {
            margin-top: -200px;
            opacity: 1;
        }
    }
    .section0 #a1 {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -180px;
        margin-top: -700px;
        width: 30.7%;
        height: auto;
        transform: scale(0.5, 0.5);
        -webkit-transform: scale(0.5, 0.5);
        -moz-transform: scale(0.5, 0.5);
        -ms-transform: scale(0.5, 0.5);
        animation-name: big;
        animation-delay: 0.5s;
        animation-timing-function: ease-out;
        animation-duration: 2s;
        animation-fill-mode: forwards;
        -webkit-animation-name: big;
        -webkit-animation-delay: 0.5s;
        -webkit-animation-timing-function: ease-out;
        -webkit-animation-duration: 2s;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-name: big;
        -moz-animation-delay: 0.5s;
        -moz-animation-timing-function: ease-out;
        -moz-animation-duration: 2s;
        -moz-animation-fill-mode: forwards;
        -ms-animation-name: big;
        -ms-animation-delay: 0.5s;
        -ms-animation-timing-function: ease-out;
        -ms-animation-duration: 2s;
        -ms-animation-fill-mode: forwards;
    }
    @keyframes big {
        0% {
            transform: scale(0.5, 0.5);
            margin-top: -700px;
            margin-left: -180px;
        }
        100% {
            transform: scale(1, 1);
            margin-top: -300px;
            margin-left: 100px;
        }
    }
    @-webkit-keyframes big {
        0% {
            -webkit-transform: scale(0.5, 0.5);
            margin-top: -700px;
            margin-left: -180px;
        }
        100% {
            -webkit-transform: scale(1, 1);
            margin-top: -300px;
            margin-left: 100px;
        }
    }
    @-moz-keyframes big {
        0% {
            -moz-transform: scale(0.5, 0.5);
            margin-top: -700px;
            margin-left: -180px;
        }
        100% {
            -moz-transform: scale(1, 1);
            margin-top: -300px;
            margin-left: 100px;
        }
    }
    @-ms-keyframes big {
        0% {
            -ms-transform: scale(0.5, 0.5);
            margin-top: -700px;
            margin-left: -180px;
        }
        100% {
            -ms-transform: scale(1, 1);
            margin-top: -300px;
            margin-left: 100px;
        }
    }
}
.modal-content button{
	top:0;right:0;
	height:57px;background: #fff;color:#000;
}
.yanshi{
	background: #fff;
	position: fixed;
	z-index: 1100;
	left:50%;
	display: none;
	-moz-transform:translateX(-50%) ;
	-ms-transform:translateX(-50%) ;
	-o-transform:translateX(-50%) ;
	-webkit-transform:translateX(-50%) ;	
	transform: translateX(-50%);
	
	top:50px;
	width:900px;
	background-clip: padding-box;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 6px;
	outline: 0;
	-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}
.yanshi .tit{
	min-height: 16px;
	padding:15px;
	font-size: 20px;
	border-bottom: 1px solid #e5e5e5;
	overflow: hidden;
}
.yanshi .tit .t1{float:left}
.yanshi .tit .t2{float:right}
.yanshi .tit .t2 a{color:#000}
.yanshi .vid{padding:19px;}
.zhe{position: fixed; width:100%;height:100%;background: #000;opacity: 0.5;top:0;display: none;}
.section5 #f1 {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -220px;
    margin-left: -50%;
    width: 71.8%;
    height: auto;
}


}
@media screen and (max-width: 4096px) {
    .section7 dl {
        margin-top: 280px;
    }
    
    .section8_1 {
        background: RGB(198, 228, 237) url(images/ij.jpg) no-repeat center center;
        background-size: cover cover;
    }
}
.mobile{overflow: hidden;display: none;}
@media (max-width:1202px ) {
	.pc{
		display: none;
	}
	.mobile{display: block;}
	.yanshi{display: none;}
	.zhe{display: none;}
}

.part1{
	margin-top:94px;
}
.g1,.h1{text-align: center;}	
.g1{margin-top:40%;}
.g1 h2{font-size: 24px;}
.g1 p{font-size: 16px;margin-bottom: 10px;}
.g1 li{font-size:14px ;margin-bottom: 10px;}
.g1 a{color:#1a96d4;font-size: 14px;}
.g1 a div{margin-top:10px;}
.g1 a div span{border:1px solid #1a96d4;}
.h1 img{width:60%;}
.part2 img{width:100%;}
.part3,.part4,.part5,.part7,.part8,.part9,.part10,.part11,.part12 ,.part13{text-align: center;}
.part3 h2,.part4 h2,.part5 h2,.part7 h2,.part8 h2,.part9 h2,.part10 h2,.part11 h2,.part12 h2{font-size: 24px;}
.part3 p,.part4 p,.part5 p,.part7 p,.part8 p,.part9 p,.part10 p,.part11 p,.part12 p,.part13 p{font-size: 14px;padding:0 3%;line-height: 22px;}
.part3 img,.part4 img,.part5 img,.part7 img,.part8 img,.part9 img,.part10 img,.part11 img,.part12 img{width:100%;margin-top:20px;}
.part4 li{width:50%;float: left;margin-top:10px;font-size: 14px;}
.part5{margin-top:50px;}
.part6{padding:0 3%;}
.part6 h2{text-align: center;font-size: 24px;}
.part6 dd{font-size: 14px;line-height: 20px;}
.part6 img{width:100%;}
.part6 .f1{margin-top:20px;margin-left: 30px;}
.part6 li{width:33.333%;float:left;}
.part6 li:nth-child(2){text-align: center;}
.part6 li:nth-child(3){text-align: right;}
.part7{margin-top:50px;}
.part11 div{width:100%;background: #252525;margin-top:20px;}
.part11 div img{width:70%;margin:15px 0px;}
.part11 img{margin-top:0px;}
.part12 img:nth-child(4){margin-top: 0px;}
.part13{margin:20px;}
.lastp{
	background: url(images/pbg.jpg) no-repeat center center;
	background-size: cover;
	height:50px;
	line-height: 50px;
	text-align: center;
}