@charset "utf-8";
/* CSS Document */
html,body,p,ul,li{ margin:0; padding:0; list-style:none;}
img{ display:block; max-width:100%; }

.page{ position:relative; height:42.5521vw; overflow:hidden;}
.itembox{ position:absolute; left:0; top:0; width:100%; height:100%;}
.itembox>div{ position:absolute; left:0; top:0; width:100%; height:100%; display:none;}
.itembox>div.on{ position:absolute; left:0; top:0; width:100%; height:100%; display:block;}

.page .p_icon01{ position:absolute; width:9.7396%; right:1.0417vw; top:1.0417vw;}
.page .list{ position:absolute; overflow:hidden; }
.page .list>div{ width:61.77vw; position:absolute; }
.page .list>span{ position:absolute; left:100%; top:0; width:100%; height:100%;}

.page .list01{ top:2.8646vw; left:31.875vw; height:8.90625vw; width:22.1875vw; }
.page .list01>div{ left:-12.8125vw; top:-3.59375vw;}
.page .list02{ top:12.8125vw; left:43.39vw; height:12.2917vw; width:30.6771vw; }
.page .list02>div{ left:-24.2708vw; top:-13.5417vw;}
.page .list03{ top:26.1458vw; left:29.27vw; height:8.90625vw; width:22.1875vw; }
.page .list03>div{ left:-10.15625vw; top:-26.875vw;}

.page .btn_ny{ position:absolute; width:61.77%; left:19.11%; top:2.8646vw;}

.page .textbox{ position:absolute; left:100%; width:50%; height:12.5vw; top:12.8125vw;}

.page .namebox{ position:absolute; left:100%; top:26.1485vw; width:8.33%;}
.page .textbox2{ position:absolute; left:100%; top:31.5vw; width:19em; color:#b1b1b1; font-size:0.7292vw; line-height:1.7em; font-family:"Microsoft YaHei";}

.page .btnbox{ position:absolute; bottom:2vw; left:0; width:100%; background:url(../images/btnboxbg.png) center no-repeat; background-size:100% 1px;}
.page .btnul{ width:66.875%; height:2.7083vw; margin:0 auto; }
.page .btnul>li{ float:left; width:33.3333%; height:2.7083vw; margin:0 auto; background:url(../images/btnbg01.png) center no-repeat; position:relative; background-size:100% 1px;}
.page .btnul>li span{ position:absolute; width:0.625vw; height:0.625vw; left:50%; top:50%; margin:-0.3125vw 0 0 -0.3125vw; background:#fff; border-radius:50%; overflow:hidden; cursor:pointer;}
.page .btnul>li span:hover{ width:1.25vw; height:1.25vw; margin:-0.625vw 0 0 -0.625vw; border-radius:50%; transition:all 0.1s linear;}
.page .btnul>li.on{ background-image:url(../images/btnbg01_on.png);}
.page .btnul>li.on span{ width:15.4167vw; height:2.7083vw; top:0; margin:0 0 0 -7.7083vw; background:none; border-radius:0; transition:all 0.5s ease;}

.page .btnLeft{ position:absolute; width:1.5625%; left:2.5%; top:42%; overflow:hidden; cursor:pointer;}
.page .btnLeft img{ width:200%; max-width:200%;}
.page .btnRight{ position:absolute; width:1.5625%; right:2.5%; top:42%; overflow:hidden; cursor:pointer;}
.page .btnRight img{ width:200%; max-width:200%; margin-left:-100%;}


.vidbg{position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:100; }
.vidbox{position:fixed; left:50%; top:50%; width:960px; height:540px; margin:-270px 0 0 -480px; background:#000; z-index:100; }
.vidclose{position:fixed; left:50%; top:50%; width:40px; height:40px; margin:-270px 0 0 480px; font-family:Arial, Helvetica, sans-serif; font-size:40px; line-height:1em; text-align:center; color:#fff; cursor:pointer; z-index:100; }

.rightNav{ position:fixed; right:0; top:0; width:160px; height:100%; text-align:center; background:url(../images/nav_bg01.png); }
.rightNav .nav_jt{ position:absolute; left:100%; top:50%; width:12px; margin-top:-10px;}
.rightNav.active{ right:-140px; transition:all 0.3s ease;}
.rightNav.active .nav_jt{ left:3px; transition:all 0.3s ease;}
.rightNav:hover{ right:0; transition:all 0.3s ease;}
.rightNav:hover .nav_jt{ left:100%; transition:all 0.3s ease;}
.rightNav a{ color:#fff; text-decoration:none;}
.rightNav .nbox1{ width:128px; margin:0 auto; padding-top:2vh;}
.rightNav .navList{ width:70px; height:38px; display:block; padding:6px 0; margin:0 auto; font-family:"Microsoft YaHei"; font-size:12px; line-height:18px; color:#fff;}
.rightNav .navList .sp_dian{ display:block; width:10px; height:10px; margin:6px auto; -webkit-border-radius:50%; border-radius:50%; background-color:#fff; }
/*
.rightNav .navList:nth-child(4) .sp_dian{ background-color:#ff8c26;}
.rightNav .navList:nth-child(6) .sp_dian{ background-color:#1d9ff1;}
.rightNav .navList:nth-child(8) .sp_dian{ background-color:#c3823b;}
*/
.rightNav .navList:hover .sp_dian{ width:22px; height:22px; margin:0 auto; background-color:#c3823b;}
.rightNav .navList.active .sp_dian{ width:22px; height:22px; margin:0 auto; background-color:#c3823b;}
.rightNav .jg01{ width:2px; height:38px; background:#fff; margin:0 auto;}
.rightNav .jg02{ width:2px; height:59px; background:#fff; margin:0 auto;}
.rightNav .btn_cp{ position:absolute; left:0; bottom:0; width:100%; text-align:center; background:#c3823b; font-size:14px; line-height:18px; padding:20px 0;}

.rightNav .navList1{ width:70px; height:38px; display:block; padding:6px 0; margin:8px auto 0; font-family:"Microsoft YaHei"; font-size:12px; line-height:18px; color:#fff;}
.rightNav .navList1 .sp_dian{ display:block; width:11px; height:11px; margin:6px auto 3px; }

.p_kv{ position:relative; width:1920px; left:50%; margin-left:-960px;}
@media screen and (max-width:1536px){
.p_kv{ position:relative; width:125%; left:-12.5%; margin-left:0;}
	}

.page_gan{ overflow:hidden; }
.page_gan img{ display:block; max-width:100%; }
.page_gan video{ display:block; max-width:100%; }
.page_gan p{ font-family:"Microsoft YaHei"; font-size:16px; line-height:28px; color:#555;}
.page_gan .p_w1{ position:relative; width:1920px; left:50%; margin-left:-960px;}
.page_gan .p_w2{ position:relative; width:1200px; margin:0 auto;}
.page_gan .vidbtn{ position:absolute; left:471px; top:367px; cursor:pointer;}
.page_gan .vidbtn{ position:absolute; left:24.53%; top:50.27%; width:24.6875%; cursor:pointer;}
.page_gan .p_text1{ position:absolute; color:#000; left:416px; top:115px; width:480px;}
.page_gan .p_text2{ position:absolute; color:#000; left:240px; top:102px; width:270px;}
.page_gan .p_text2>span{ display:block; margin-top:1em; color:#555;}
.page_gan .p_text3{ position:absolute; left:58px; top:250px; width:445px;}
.page_gan .p_text4{ position:absolute; left:630px; top:175px; width:500px;}
.page_gan .p_text5{ position:absolute; left:45px; top:260px; width:530px; }
.page_gan .p_text6{ position:absolute; left:630px; top:200px; width:500px; }
.page_gan .p_text7{ position:absolute; left:596px; top:165px; width:730px; }
.page_gan .sp_text1{ display:block; font-size:24px; line-height:42px;}
.page_gan .p_bz1{ position:absolute; left:416px; top:332px; width:460px; font-size:14px; line-height:25px; color:#383838;}

.page_gan .p_video1{ position:absolute; width:570px; right:0; top:23px;}
.page_gan .qhbox{ position:absolute; left:0; top:44px; width:570px;}
.page_gan .qhbox>div{ display:none;}
.page_gan .qhbox>div.active{ display:block;}
.page_gan .qhbtn{ position:absolute; overflow:hidden; width:180px; left:195px; top:376px;}
.page_gan .qhbtn>li{ float:left; width:13px; height:13px; border:solid 1px #858585; margin:0 15px; -webkit-border-radius:50%; border-radius:50%; cursor:pointer;}
.page_gan .qhbtn>li.active{ border:solid 1px #cd9b1d; background:#cd9b1d;}

.page_gan .p_btn01{ position:absolute; left:774px; top:299px; width:374px;}


.page_tang{ overflow:hidden; }
.page_tang img{ display:block; max-width:100%; }
.page_tang video{ display:block; max-width:100%; }
.page_tang p{ font-family:"Microsoft YaHei"; font-size:16px; line-height:28px; color:#555;}
.page_tang .p_w1{ position:relative; width:1920px; left:50%; margin-left:-960px;}
.page_tang .p_w2{ position:relative; width:1200px; margin:0 auto;}
.page_tang .vidbtn{ position:absolute; left:401px; top:367px; cursor:pointer;}
.page_tang .vidbtn{ position:absolute; left:20.89%; top:49.59%; width:24.6875%; cursor:pointer;}
.page_tang .p_text1{ position:absolute; left:38px; top:160px; width:480px; font-size:14px; line-height:24px; color:#383838;}
.page_tang .p_text2{ position:absolute; left:874px; top:315px; width:290px; font-size:14px; line-height:24px; color:#13689d;}
.page_tang .p_text3{ position:absolute; left:0; top:108px; width:100%; text-align:center; color:#000;}
.page_tang .p_text4{ position:absolute; left:406px; top:140px; width:540px; color:#13689d;}
.page_tang .p_text5{ position:absolute; left:0; top:230px; width:515px; }
.page_tang .p_text6{ position:absolute; left:630px; top:225px; width:570px; }
.page_tang .p_text7{ position:absolute; left:0; top:160px; width:580px; }
.page_tang .p_text8{ position:absolute; left:630px; top:140px; width:570px; }
.page_tang .p_text9{ position:absolute; left:0; top:10px; width:580px; }
.page_tang .p_text10{ position:absolute; left:630px; top:155px; width:570px; }
.page_tang .p_text11{ position:absolute; left:0; top:433px; width:580px; }
.page_tang .p_text12{ position:absolute; left:630px; top:145px; width:570px; }
.page_tang .p_text13{ position:absolute; left:40px; top:140px; width:530px; }

.page_tang .p_cp01{ position:absolute; left:389px; top:274px; width:542px; z-index:2;}
.page_tang .p_p01{ position:absolute; left:0; bottom:0; width:631px; }
.page_tang .p_btn01{ position:absolute; left:774px; top:62px; width:374px;}


.page_xu{ overflow:hidden; }
.page_xu img{ display:block; max-width:100%; }
.page_xu video{ display:block; max-width:100%; }
.page_xu p{ font-family:"Microsoft YaHei"; font-size:16px; line-height:28px; color:#555;}
.page_xu .p_w1{ position:relative; width:1920px; left:50%; margin-left:-960px;}
.page_xu .p_w2{ position:relative; width:1200px; margin:0 auto;}
.page_xu .vidbtn{ position:absolute; left:1039px; top:367px; cursor:pointer;}
.page_xu .vidbtn{ position:absolute; left:54.11%; top:50.27%; width:24.6875%; cursor:pointer;}
.page_xu .p_text1{ position:absolute; left:415px; top:230px; width:470px; color:#000;}
.page_xu .p_text2{ position:absolute; left:392px; top:413px; width:510px; font-size:14px; line-height:24px; color:#383838;}
.page_xu .p_text3{ position:absolute; left:630px; top:195px; width:570px;}
.page_xu .p_text4{ position:absolute; left:0; top:185px; width:575px; }
.page_xu .p_text5{ position:absolute; left:70px; top:80px; width:1065px; }
.page_xu .p_text6{ position:absolute; left:0; top:270px; width:570px; }
.page_xu .p_text7{ position:absolute; left:630px; top:235px; width:570px; }
.page_xu .p_text8{ position:absolute; left:0; top:430px; width:570px; }
.page_xu .p_text9{ position:absolute; left:0; top:215px; width:570px; }

.page_xu .p_cp01{ position:absolute; left:883px; top:233px; width:704px; z-index:2;}
.page_xu .p_video01{ position:absolute; left:630px; top:170px; width:570px; }
.page_xu .p_btn01{ position:absolute; left:774px; top:62px; width:374px;}

.clearfix:after{
	content:".";
    clear:both;
    display:block;
    height:0;
    overflow:hidden;
    visibility:hidden;
    }