body{min-width:1200px; background:#333;}

#loading{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; background:#000; z-index:20; font-size: 18px; color: #cfd1cc; z-index: 101;}
#loading .box{ width: 100%; height: 1px; background: #414141; margin: 0 auto; position: relative; top: 50%; transform: translateY(-50%); left: 0;}
#loading .box span{ height: 1px; background: #c4c4c4; position: relative; top: 0; left: 0; display: block;}
#loading .box p{ font-size: 16px; line-height: 30px; color: #c0c0c0; text-align: center;}

.wrapper{overflow: hidden;position: relative;text-align: center;z-index: 1;zoom:1;margin-top:40px;}
.bg {left: 50%;margin-left:-1280px;position: relative;top: 0;width: 2560px;z-index: -1;zoom:1}
.bg div{height: 972px; background-repeat:no-repeat !important;background-position:center !important; }

.bg1 .bg .bg_1 {background:url(../images/bg1_img_01.jpg) repeat-y;}
.bg1 .bg .bg_2 {background:url(../images/bg1_img_02.jpg) repeat-y;}
.bg1 .bg .bg_3 {background:url(../images/bg1_img_03.jpg) repeat-y;}
.bg1 .bg .bg_4 {background:url(../images/bg1_img_04.jpg) repeat-y;}
.bg1 .bg .bg_5 {background:url(../images/bg1_img_05.jpg) repeat-y;}
.bg1 .bg .bg_6 {background:url(../images/bg1_img_06.jpg) repeat-y;}

.bg2 .bg .bg_1 {background:url(../images/bg1_img_01.jpg) repeat-y;}
.bg2 .bg .bg_2 {background:url(../images/bg2_img_02.jpg) repeat-y;}
.bg2 .bg .bg_3 { height: 943px; background:url(../images/bg2_img_03.jpg) repeat-y;}

.bg3 .bg .bg_1 {background:url(../images/bg1_img_01.jpg) repeat-y;}
.bg3 .bg .bg_2 {background:url(../images/bg3_img_02.jpg) repeat-y;}
.bg3 .bg .bg_3 {background:url(../images/bg3_img_03.jpg) repeat-y;}
.bg3 .bg .bg_4 { height: 745px; background:url(../images/bg3_img_04.jpg) repeat-y;}

.section {width:1200px;margin:0 auto;}
.section .con{width:1200px; position: absolute; top: 0; left: 50%; margin-left: -600px;}
.section .con .logo{width: 227px;height: 94px;position: absolute;top:13px; margin-left:-111px; z-index: 99999;left:50%;}

.section .videoBox{ width: 672px; height: 378px; position: absolute; top: 581px; left: 50%; margin-left: -335px; cursor: pointer;}
.section .videoBox video{ width: 100%; height: 100%;}

.section .navCon{ width: 1110px; height: 65px; position: absolute; top: 1049px; left: 169px;}
.section .navCon a{ width: 323px; height: 65px; float: left; text-indent: -9999px; margin: 0 -18px;}
.section .navCon a:nth-child(1){ background: url(../images/nav-1.png) no-repeat;}
.section .navCon a:nth-child(2){ width: 313px; background: url(../images/nav-2.png) no-repeat;}
.section .navCon a:nth-child(3){ background: url(../images/nav-3.png) no-repeat;}
.section .navCon a:hover,.section .navCon a.on{ background-position: center bottom;}
.section .btn-pop1{ width: 315px; height: 86px; position: absolute; left: 50%; top: 3245px; margin-left: -157px; text-indent: -9999px;}


.layer{ width:800px; display:none; text-align:center; color:#000; font-size:16px }
.layer .close{ width:60px; height:88px; text-indent:-9999px; position:absolute; top:0; right:0; cursor:pointer}
.layer .pop{ width: 800px;}
.layer .pop img{ width: 100%;}