@charset "utf-8";
/* CSS Document */

html,body,ul,li,p,img{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{ margin:0; padding:0; font-weight:normal; color:#777;}
html,body{ position:relative; width:100%; height:100%;}
.page{ width:100%; max-width:1920px; margin:0 auto; position:relative; font-family:"Microsoft YaHei"; font-size:16px; line-height:22px; color:#777; overflow:hidden;}
.page img{ width:100%; display:block; position:relative;}
.page img.p_tb{ display:inline-block; width:auto; vertical-align:middle;}
.page p{ font-size:14px; line-height:24px;}
.page p.p_01{ width:730px; margin:30px auto 0;}



.page .fc1{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:0; background:#000; filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;}

.page .p_w1{ position:relative; width:100%;}
.page .p_w2{ width:960px; margin:0 auto; position:relative;}
.page .p_w3{ width:960px; padding:0 50px; margin:0 auto;}
.page .p_w4{ width:1100px; margin:0 auto;}

.page .p_no3{ display:none;}

.page .p_tui01{ width:770px; margin:70px auto 0; padding:60px 0 40px; position:relative; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; border-color:#ff6d6d; border-width:4px; border-style:dotted;}
.page .p_tui01 .p_tit{ position:absolute; width:262px; left:254px; top:-30px;}
.page .p_tui02{ width:936px; margin:70px auto 0; padding:60px 0 40px; position:relative; border:dashed 1px #777777;}
.page .p_tui02 .p_tit{ position:absolute; width:110px; height:34px; left:413px; top:-17px; overflow:hidden; background:#000; color:#fff; font-size:18px; line-height:34px; text-align:center;-moz-border-radius:17px; -webkit-border-radius:17px; border-radius:17px;}

.page .p_w1 .p_icon1{ position:absolute; width:10%; left:3.8%; top:0;}
.page .p_w1 .p_icon2{ position:absolute; width:32.8125%; left:23.6%; top:15.625%;}
.page .div_box{ overflow:hidden;}
.page .div_box2{ overflow:hidden; border-top:dashed 1px #cbcbcb;}
.page .div_bor{ border:solid 1px #777777; border-bottom:0; position:relative; font-size:14px; line-height:24px;}
.page .div_bor .p_tit{ position:absolute; width:440px; background:#fff; left:330px; top:-23px; font-size:30px; line-height:1.5em; text-align:center; font-family:Arial, Helvetica, sans-serif;}
.page .div_box3{ overflow:hidden; padding:40px 0 10px;}

.page .p_f1{ float:left; width:464px;}
.page .p_f2{ float:left; width:388px;}
.page .p_f3{ float:left; width:225px; margin-left:80px;}
.page .p_f3b{ float:left; width:171px; margin:15px 0 0 95px;}
.page .p_f4{ float:left; width:340px; margin-right:50px;}
.page .p_f4b{ float:left; width:380px; margin-right:50px;}
.page .p_f5{ float:left; width:415px; overflow:hidden;}
.page .p_f6{ float:left; width:280px;}
.page .p_f7{ float:left; width:115px; margin-left:10px;}
.page .p_f8{ float:left; width:266px; margin:0 55px 0 110px;}
.page .p_f9{ float:left; width:600px;}
.page .p_f10{ float:left; width:630px; margin:0 50px 0 70px;}
.page .p_f11{ float:left; width:276px;}
.page .p_f12{ float:left; width:163px; margin:0 100px 0 120px;}
.page .p_f13{ float:left; width:650px;}
.p_f9 img,.p_f10 img,.p_f13 img{ width:153px; margin:15px auto 0;}
.p_f9 img.p_tb,.p_f10 img.p_tb,.p_f13 img.p_tb{ margin:auto;}

.page .p_float{ float:left;}
.page .p_right{ float:right;}
.page .p_t_c{ text-align:center;}
.page .p_t_l{ text-align:left;}
.page .p_marRig10{ margin-right:15px;}
.page .p_marLef50{ margin-left:50px;}
.page .p_marRig50{ margin-right:50px;}

.page dl.p_dl{ overflow:hidden; min-height:100px; font-size:1em;}
.page dl.p_dl dt{ float:left; width:77px; background:url(../images/travel_tip01.png) no-repeat; background-size:100%; color:#fff; text-align:center; font-size:22px; line-height:36px; padding:10px 0 25px; margin-right:10px;}
.page dl.p_dl dt span{ font-size:1.5em; font-family:Arial, Helvetica, sans-serif;}
.page dl.p_dl dd{ overflow:hidden;}
.page dl.p_dl dd h2{ font-size:1.5em; margin:0; font-weight:normal; padding:0; padding-bottom:0.3em;}
.page h3{ font-size:1.5em; line-height:1.5em; background:url(../images/p_tb02.png) 0 center no-repeat; padding-left:22px;}
.page h4{ font-size:18px; line-height:24px; font-weight:bold; text-align:center; color:#000;}

.page .bg_f3{ background:#f3f3f3;}
.page .bg_ff{ background:#fff;}

.page .p_tit01{ width:520px; margin:0 auto; overflow:hidden; text-align:center; color:#fff; font-size:1.5em; line-height:1.5em; padding:5px 0; background:#f174af; -moz-border-radius:23px; -webkit-border-radius:23px; border-radius:23px; }

.page .p_tit02{ text-align:center; font-size:14px; line-height:2.7em; border-bottom:solid 1px #f174af; position:relative;}
.page .p_tit02 span.jt01{ position:absolute; display:block; width:12px; height:8px; background:url(../images/p_tb03.png) no-repeat; left:50%; top:100%; margin-left:-6px;}
.page .p_tit03{ text-align:center; font-size:14px; line-height:1.5em; padding:0.7em 0; border-top:solid 1px #f174af; position:relative;}
.page .p_tit03 span.jt01{ position:absolute; display:block; width:12px; height:8px; background:url(../images/p_tb04.png) no-repeat; left:50%; bottom:100%; margin-left:-6px;}
.page .p_tit04{ text-align:center; font-size:14px; line-height:1.5em; padding:0.7em 0; border-top:solid 1px #f174af; position:relative;}
.page .p_tit04 span.jt01{ position:absolute; display:block; width:12px; height:8px; background:url(../images/p_tb04.png) no-repeat; left:50%; bottom:100%; margin-left:-6px;}


/*样照*/

.page .gd_box{ position:relative; left:50%; margin-left:-960px; width:1920px; overflow:hidden;}
.page .gd_box .box_ul{ height:640px; width:99999px; overflow:hidden; margin-left:-6240px;}
.page .gd_box .box_ul>li{ float:left; width:960px; position:relative;}
.page .gd_box .fc_left{ width:480px; height:100%; position:absolute; left:0; top:0; z-index:1; background:#000; filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;}
.page .gd_box .fc_right{ width:480px; height:100%; position:absolute; right:0; top:0; z-index:1; background:#000; filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;}
.page .gd_box .btn_left{ width:75px; height:75px; position:absolute; left:380px; top:280px; z-index:2; cursor:pointer; background-image:url(../images/travel_btn01.png); background-size:200%; background-position:0 -100%;}
.page .gd_box .btn_right{ width:75px; height:75px; position:absolute; right:380px; top:280px; z-index:2; cursor:pointer; background-image:url(../images/travel_btn01.png); background-size:200%; background-position:-100% -100%;}
.page .gd_box .btn_left:hover{ background-position:0 0;}
.page .gd_box .btn_right:hover{ background-position:-100% 0;}

.page .gd_box .btn_ul{ height:12px; overflow:hidden; position:absolute; left:50%; bottom:40px; z-index:5; display:none;}
.page .gd_box .btn_ul li{ width:13px; height:12px; margin:0 10px; float:left; position:relative; cursor:pointer; background:#fff; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.page .gd_box .btn_ul li:hover{ background:#f00;}
.page .gd_box .btn_ul li.on{ background:#f00;}


.page .nav_box{ width:100%; position:fixed; left:0; top:0; z-index:99; background:url(../images/nav_bg.jpg) repeat-x; display:none;}
.page .nav_ul{ width:905px; padding-right:55px; margin:0 auto; overflow:hidden; margin-top:4px;}
.page .nav_ul>li{ float:left; width:156px; height:auto; margin-right:25px; background:url(../images/nav.png); background-size:500%; cursor:pointer;}
.page .nav_ul>li.li1:hover{ background-position:0 -100%;}
.page .nav_ul>li.li1.on{ background-position:0 -100%;}
.page .nav_ul>li.li2{ background-position:-100% 0;}
.page .nav_ul>li.li2:hover{ background-position:-100% -100%;}
.page .nav_ul>li.li2.on{ background-position:-100% -100%;}
.page .nav_ul>li.li3{ background-position:-200% 0;}
.page .nav_ul>li.li3:hover{ background-position:-200% -100%;}
.page .nav_ul>li.li3.on{ background-position:-200% -100%;}
.page .nav_ul>li.li4{ background-position:-300% 0;}
.page .nav_ul>li.li4:hover{ background-position:-300% -100%;}
.page .nav_ul>li.li4.on{ background-position:-300% -100%;}
.page .nav_ul>li.li5{ background-position:-400% 0;}
.page .nav_ul>li.li5:hover{ background-position:-400% -100%;}
.page .nav_ul>li.li5.on{ background-position:-400% -100%;}
.page .nav_box .nav_tips{ position:absolute; left:50%; margin-left:363px; top:10px;}

.page .m_listbox{ display:none;}
.page .m_btnleft{ display:none;}
.page .m_btnright{ display:none;}


.page .p_t1{ margin-top:10px;}
.page .p_t2{ margin-top:20px;}
.page .p_t3{ margin-top:30px;}
.page .p_t4{ margin-top:40px;}
.page .p_t5{ margin-top:50px;}
.page .p_t6{ margin-top:60px;}
.page .p_t7{ margin-top:70px;}
.page .p_t8{ margin-top:80px;}
.page .p_t9{ margin-top:90px;}
.page .p_t10{ margin-top:100px;}
.page .p_t12{ margin-top:120px;}
.page .p_t15{ margin-top:150px;}
.page .p_t20{ margin-top:200px;}
.page .p_t25{ margin-top:250px;}
.page .p_p1{ padding-top:10px;}
.page .p_p2{ padding-top:20px;}
.page .p_p3{ padding-top:30px;}
.page .p_p4{ padding-top:40px;}
.page .p_p5{ padding-top:50px;}
.page .p_b0{ padding-bottom:0;}
.page .p_b1{ padding-bottom:10px;}
.page .p_b2{ padding-bottom:20px;}
.page .p_b3{ padding-bottom:30px;}
.page .p_b4{ padding-bottom:40px;}
.page .p_b5{ padding-bottom:50px;}
.page .p_b6{ padding-bottom:60px;}
.page .p_b7{ padding-bottom:70px;}
.page .p_b8{ padding-bottom:80px;}
.page .p_b9{ padding-bottom:90px;}
.page .p_b10{ padding-bottom:100px;}


.fixpage{ position:absolute; left:50%; top:100px; margin-left:490px; width:150px; z-index:999; }	
.fiwed{position:fixed; top:150px; }

.main_t{border:1px solid #cccccc; box-sizing:border-box; -webkit-box-sizing:border-box; width:960px; margin:30px auto; padding:20px 30px; }
.main_t .plls{ color:##2b2b2b; font-size:18px;}
.main_t .plls img{ width:auto; display:inline-block; vertical-align:middle; }
.main_t .pinlun_zz{ display:block; margin-top:20px;}
.main_t .srk{ overflow:hidden;}
.main_t #comment{ display:block; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #cccccc; height:90px; font-size:14px; color:#292929; background:none;}
.main_t .tj{ width:80px; height:40px; display:inline-block; background:#cf2700; color:#fff; text-align:center; line-height:40px; margin:20px 0 0; float:right;}

.main_t .wdlu{ width:100%; text-align:center; font-size:18px; color:#999999;}
.main_t .wdlu a{ color:#cf2700;  }
	
.main_t #comments{ margin-top:20px;}
.main_t .txt_b{ margin: 0 auto; border-top:1px solid #cccccc; padding:10px 0 15px; width:100%; }
.main_t .pl1{ font-size:14px; color:#000;}
.main_t .pl1 span{ display:block; float:right; font-size:12px; color:#aeaeae; }
.main_t .pl1 img{ display:inline-block; width:auto; vertical-align:middle;}
.main_t .pl2{ color:#323232; font-size:14px; }

.main_t .ym{ overflow:hidden; padding-bottom:20px;}
.main_t .ym>li{ float:right; cursor:pointer; margin-left:10px;}
.main_t .ym>li:hover{ color:#f00;}
.main_t .ym>li.on{ color:#f00;}

.main_t2{border:1px solid #cccccc; box-sizing:border-box; -webkit-box-sizing:border-box; width:95%; margin:0.2rem auto; padding:0.2rem 0.15rem; }
.main_t2 .plls{ font-size:0.24rem; line-height:1.5em;}
.main_t2 .plls img{ width:0.34rem; display:inline-block; vertical-align:middle; }
.main_t2 .pinlun_zz{ display:block; margin-top:0.2rem;}
.main_t2 .srk{ overflow:hidden;}
.main_t2 #comment{ display:block; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #cccccc; height:1.5rem; font-size:0.2rem; color:#292929; background:none;}
.main_t2 .tj{ width:0.8rem; height:0.4rem; display:inline-block; background:#cf2700; color:#fff; text-align:center; line-height:0.4rem; margin:0.2rem 0 0; float:right;}

.main_t2 .wdlu{ width:100%; text-align:center; font-size:0.24rem; color:#999999;}
.main_t2 .wdlu a{ color:#cf2700;  }
	
.main_t2 #comments{ margin-top:0.2rem;}
.main_t2 .txt_b{ margin: 0 auto; border-top:1px solid #cccccc; padding:0.1rem 0 0.15rem; width:100%; }
.main_t2 .pl1{ font-size:0.24rem; color:#000;}
.main_t2 .pl1 span{ display:block; float:right; font-size:0.2rem; color:#aeaeae; font-size:0.18rem;}
.main_t2 .pl1 img{ display:inline-block; width:0.18rem; vertical-align:middle;}
.main_t2 .pl2{ color:#323232; font-size:0.24rem; }

.main_t2 .ym{ overflow:hidden; padding-bottom:0.2rem;}
.main_t2 .ym>li{ float:right; cursor:pointer; margin-left:0.1rem; font-size:0.2rem;}


.m_page{ position:relative; width:100%; height:100%; padding-bottom:1rem; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-overflow-scrolling: touch;  overflow-x:hidden; overflow-y:scroll; }

.m_page .nav_box{ display:block; }

@media screen and (max-width:1280px){
.page .p_w1{ width:1280px; }
	}

@media screen and (max-width:1200px){
.page .gd_box .btn_left{ left:520px; }
.page .gd_box .btn_right{ right:520px; }
	}


@media screen and (max-width:960px){
	.w960{ width:98%; margin:0 auto;}
	}

@media screen and (max-width:640px){
.page{ font-size:14px;}
.page p{ width:90%; margin:0 auto;}
.page p.p_01{ width:90%; margin:2% auto 0;}
.page div div div p{ width:100%; margin:2% auto 0;}

.page .p_w1{ width:100%; }
.page .p_w1 .p_icon1{ width:18%;}
.page .p_w1 .p_icon2{ top:30%; width:70%; left:5%;}
.page .p_ww{ width:90%; margin:0 auto;}
.page .p_w2{ width:100%;}
.page .p_w3{ width:90%; padding:0;}
.page .p_w4{ width:100%;}
.page .p_no3_{ display:none;}
.page .p_no3{ display:block;}

.page .p_tui01{ width:90%; padding:3% 0 5%; margin-top:10%; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; border-color:#ff6d6d; border-width:4px; border-style:dotted;}
.page .p_tui01 .p_tit{ position:absolute; width:30%; left:35%; top:-15px;}
.page .p_tui02{ width:90%; padding:3% 0 5%; margin-top:10%; }
.page .p_tui02 .p_tit{ position:absolute; width:110px; height:34px; left:50%; margin-left:-55px; top:-17px;}

.page .div_bor .p_tit{ position:absolute; width:80%; background:#fff; left:10%; top:-13px; font-size:18px; line-height:1.5em; text-align:center; font-family:Arial, Helvetica, sans-serif;}
.page .div_box3{ overflow:hidden; padding:2% 0 1%;}

.page .p_f1,.page .p_f2,.page .p_f3,.page .p_f3b,.page .p_f4,.page .p_f4b,.page .p_f5,.page .p_f6,.page .p_f7,.page .p_f8,.page .p_f9,.page .p_f10,.page .p_f11,.page .p_f12,.page .p_f13{ float:none; width:90%; margin:5% auto 0;}

.p_f9 img,.p_f10 img,.p_f13 img{ width:30%; margin:15px auto 0;}
.page .p_f4b img,.page .p_f4 img{ width:33%; margin:15px auto 0;}
.p_f9 img.p_tb,.p_f10 img.p_tb,.p_f13 img.p_tb{ margin:auto;}

.page .p_float{ float:none;}
.page .p_right{ float:none;}
.page .p_marRig10{ margin-right:auto;}
.page .p_marLef50{ margin-left:auto;}
.page .p_marRig50{ margin-right:auto;}

.page dl.p_dl{ overflow:hidden; width:100%; margin-top:5%; min-height:5em;}
.page dl.p_dl dt{ float:left; width:3.3em;  color:#fff; text-align:center; font-size:16px; line-height:1.5em; padding:0.5em 0 1.4em; margin-right:1%;}
.page dl.p_dl dt span{ font-size:18px;}
.page dl.p_dl dd h2{ font-size:18px;}
.page dl.p_dl dd{ overflow:hidden;}
.page h3{ width:90%; margin:0 auto; font-size:18px; line-height:1.5em; background:url(../images/p_tb02.png) 0 center no-repeat; padding-left:22px;}
.page h4{ width:90%; margin:0 auto; font-size:14px;}

.page .bg_f3{ background:#f3f3f3;}
.page .bg_ff{ background:#fff;}

.page .p_tit01{ width:80%; padding:2% 5%; margin:0 auto; font-size:16px;}

.page .p_tit02{ width:90%; margin:0 auto; font-size:14px; line-height:1.5em; padding:0.5em 0;}
.page .div_box .p_tit02{ width:100%;}
.page .p_tit02 span.jt01{ position:absolute; display:block; width:12px; height:8px; background:url(../images/p_tb03.png) no-repeat; left:50%; top:100%; margin-left:-6px;}
.page .p_tit03{ text-align:center; font-size:14px; line-height:1.5em; padding:0.7em 0; border-top:solid 1px #f174af; position:relative;}
.page .p_tit03 span.jt01{ position:absolute; display:block; width:12px; height:8px; background:url(../images/p_tb04.png) no-repeat; left:50%; bottom:100%; margin-left:-6px;}
.page .p_tit04{ text-align:center; font-size:14px; line-height:1.5em; padding:0.7em 0; border-top:solid 1px #f174af; position:relative;}
.page .p_tit04 span.jt01{ position:absolute; display:block; width:12px; height:8px; background:url(../images/p_tb04.png) no-repeat; left:50%; bottom:100%; margin-left:-6px;}

.page .p_jt img{ max-width:50%; margin:0 auto;}


.page .p_t1,.page .p_t2,.page .p_t3,.page .p_t4,.page .p_t5,.page .p_t6,.page .p_t7,.page .p_t9,.page .p_t10,.page .p_t12,.page .p_t15,.page .p_t20,.page .p_t25{ margin-top:5%;}
.page .p_t8{ margin-top:15%;}
.page .p_b3,.page .p_b4,.page .p_b5{ padding-bottom:5%;}
	
	
.page .gd_box{ position:relative; left:0; margin-left:0; width:100%; overflow:hidden;}
.page .gd_box .box_ul{ height:auto; width:99999px; overflow:hidden; margin-left:0;}
.page .gd_box .box_ul>li{ float:left; height:auto; position:relative;}
.page .gd_box .fc_left{ display:none;}
.page .gd_box .fc_right{ display:none;}
.page .gd_box .btn_left{ width:50px; height:50px; left:5%; top:50%; margin-top:-25px;}
.page .gd_box .btn_right{ width:50px; height:50px; right:5%; top:50%; margin-top:-25px;}

.page .nav_ul{ width:94.27%; padding-right:5.73%; }
.page .nav_ul>li{ float:left; width:16.25%; margin-right:3.75%; background:url(../images/nav.png); background-size:500%; cursor:pointer;}
.page .nav_box .nav_tips{ position:absolute; left:auto; right:0; margin-left:0; top:10%; width:12.19%;}


.page .leftnav_box{ display:none;}
.page .m_rel{ position:relative;}
.page .m_btnleft{ position:absolute; left:0; width:15%; top:45%; display:block;}
.page .m_btnleft>span{ position:absolute; left:10%; width:24%; top:35%; animation:move1 2s infinite linear forwards; }
.page .m_btnright{ position:absolute; right:0; width:15%; top:45%; display:block;}
.page .m_btnright>span{ position:absolute; right:10%; width:24%; top:35%; animation:move2 2s infinite linear forwards; }

.page .m_listbox{ width:87.1875%; margin:5% auto 0; overflow:hidden; display:block;}
.page .m_listbox>li{ float:left; width:48.92%; margin:0 0.54%;}


.main_t{ width:98%; margin:20px auto; padding-top:10px; }
.main_g{ width:86%; }


	}
	

@keyframes move1{0%{ left:10%;}50%{ left:25%;}100%{ left:10%;}}
@keyframes move2{0%{ right:10%;}50%{ right:25%;}100%{ right:10%;}}