@charset "utf-8";
/* CSS Document */
html,body{ margin:0; padding:0;}
.page{ width:100%; max-width:1920px; min-width:1080px; margin:0 auto; position:relative; font-family:"Microsoft YaHei"; font-size:14px; line-height:24px; color:#333; overflow:hidden; }
.page img{ display:block; max-width:100%;}
.page .p_map{ position:relative;}
.page .p_rel{ position:relative;}
.page .p_vidbtn{ position:absolute; left:821px; top:503px; width:314px; cursor:pointer;}

.page .p_kv{ position:relative; left:50%; margin-left:-960px; width:1920px; height:674px; overflow:hidden;}
.page .p_kv img{ display:block; width:100%;}
.page .p_kv .kv_img{ position:relative; width:1920px; left:50%; margin-left:-960px;}
.page .p_icon1{ position:absolute; width:10%; left:10%; top:0; z-index:5;}

.page .p_w1{ position:relative; width:1200px; margin:0 auto;}
.page .p_w2{ position:relative; left:50%; margin-left:-960px; width:1920px;}

.page .p_btn01{ display:block; position:absolute; left:1016px; top:273px;}
.page .p_btn02{ display:block; position:absolute; left:1184px; top:273px;}
.page .p_btn03{ display:block; position:absolute; left:1348px; top:273px;}
.page .p_btn04{ display:block; position:absolute; left:515px; top:388px;}
.page .p_btn05{ display:block; position:absolute; left:733px; top:388px;}
.page .p_btn06{ display:block; position:absolute; left:573px; top:427px;}
.page .p_btn07{ display:block; position:absolute; left:960px; top:427px;}
.page .p_btn08{ display:block; position:absolute; left:1225px; top:427px;}
.page .p_btn09{ display:block; position:absolute; left:740px; top:744px;}
.page .p_btn10{ display:block; position:absolute; left:985px; top:744px;}
.page .p_btn11{ display:block; position:absolute; left:1235px; top:744px;}



.page .nav_box{ width:100%; position:fixed; left:0; top:90px; height:58px; z-index:99; display:none; background:#472723;}
.page .nav_ul{ width:930px; padding-right:0; margin:0 auto; overflow:hidden; margin-top:4px;}
.page .nav_ul>li{ float:left; width:216px; height:66px; margin:0 10px; background:url(../images/nav.png); border-radius: 15px; cursor:pointer;}
.page .nav_ul>li.li4{width: 149px;}
.page .nav_box .nav_tips{ position:absolute; left:50%; margin-left:182px; top:10px;}


.page .yz { position:relative; width:100%; height: 1084px; background:#000;}

.page .yz li{ display:block; list-style: none; position:absolute; }
.page .yz li:after{ content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; }
.page .yz li img{ display:block; max-width:100%; max-height:100%; }
.page .yz li.li1{width: 723px; left:50%; height:100%; margin-left:-361px; top:0; z-index:3; transition:1s ease;}
.page .yz li:nth-child(1):after{ background:rgba(0,0,0,0);}
.page .yz li.li2{width: 614px; right:30%; margin-right:-307px; top:7.5%; height:85%; z-index: 2; transition:1s ease;}
.page .yz li:nth-child(2):after{ background:rgba(0,0,0,0.3);}
.page .yz li.li3{width: 506px; right:5%; top:15%; height:70%; z-index: 1; transition:1s ease;}
.page .yz li:nth-child(3):after{ background:rgba(0,0,0,0.7);}
.page .yz li.li4{width: 614px; left:28%; margin-left:-307px; top:7.5%; height:85%; z-index: 2; transition:1s ease;}
.page .yz li:nth-child(4):after{ background:rgba(0,0,0,0.3);}

.page ol{ width:200px; margin:0 auto; overflow:hidden;}
.page ol>li{ width:20px; margin:15px 15px; float:left; background:#ccc; text-align:center; cursor:pointer;border-radius: 50%;height: 20px;}
.page ol>li.active{background: greenyellow;}

.page .bg{background: #000;height: 50px;}

.page .main_t{ background:#fff;}
.page .p_rel{position:relative}
.fixpage{ margin-left:570px; }

.vidBg{ position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.7; z-index:1000; display:none;}
.vidBox{ position:fixed; left:50%; top:50%; width:900px; height:510px; margin:-250px 0 0 -450px; z-index:1000; display:none;}
.vidClose{ position:fixed; left:50%; top:50%; width:40px; height:40px; margin:-250px 0 0 450px; font-family:Arial, Helvetica, sans-serif; font-size:40px; line-height:40px; text-align:center; color:#fff; cursor:pointer; z-index:1000; display:none;}