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

html,body{ margin:0; padding:0; }
.page_pc{ overflow:hidden; color:#666; max-width:1920px; min-width:1200px; margin:0 auto; }
.page_pc *{ margin:0; padding:0; border:0; list-style:none; font-family:'\5FAE\8F6F\96C5\9ED1\0','SL-Simplified',"Microsoft YaHei"; text-align:left; font-weight:normal; }
.page_pc p{ font-size:16px; line-height:1.5em; }
.page_pc :focus:not(:focus-visible){ outline:none; }
.page_pc img{ display:block; max-width:100%; }
.page_pc video{ display:block; width:100%; }
.page_pc .p_ban{ width:1920px; position:relative; left:50%; margin-left:-960px; }
.p_w1{ width:100%; position:relative; }
.p_w2{ width:960px; margin:0 auto; position:relative; }
.p_w2_{ width:50%; margin:0 auto; position:relative; }
.p_w3{ width:1920px; left:50%; position:relative; margin-left:-960px; }
.p_pos{ position:absolute; }
.page_pc .vidBtn{ cursor:pointer; }
.p_vidbtn01{ position:absolute; left:650px; top:57px; width:294px; }

.page_pc .p_text01{ top:600px; left:165px; color:#838584; font-size:14px; position:absolute; }
.page_pc .p_text01 a{ color:#838584; text-decoration:underline; }
.p_pf01{ position:absolute; width:18.23%; left:25%; top:18.49%; }
.p_pf03{ position:absolute; width:50%; left:25%; top:65px; }
.p_pf04{ position:absolute; width:645px; left:850px; top:220px; width:480px; }
.p_pf04 li{ padding-left:0; margin-left:20px; list-style-type:disc; color:#ff5500; margin-top:10px; }
.p_pf04 li>p{ color:#666; }
.p_pf06{ position:absolute; width:480px; left:50%; margin-left:-480px; top:7%; }


.bg_f0{ background:#f0f0f0; }
.bg_f9fbfd{ background:#f9fbfd; }

.tk_bg{ position:fixed; left:0; top:0; width:100%; height:100%; background:#000; filter:Alpha(opacity=70); opacity:0.5; z-index:5; display:none; }
.tk_box{ position:fixed; left:50%; top:50%; width:960px; height:540px; margin:-270px 0 0 -480px; z-index:6; display:none; }
.tk_close{ position:fixed; left:50%; top:50%; margin:-270px 0 0 480px; width:40px; height:40px; font-size:40px; line-height:40px; text-align:center; color:#fff; cursor:pointer; z-index:7; display:none; }


.p_dh{ 
animation:fadeInUp 1s linear forwards; 
-moz-animation:fadeInUp 1s linear forwards; 	
-webkit-animation:fadeInUp 1s linear forwards; 	
-o-animation:fadeInUp 1s linear forwards; 		
	}

@keyframes fadeInUp{ 0%{ opacity:0; transform:translate3d(0,50%,0)}100%{ opacity:1; transform:none}}
@-moz-keyframes fadeInUp{ 0%{ opacity:0; -moz-transform:translate3d(0,50%,0)}100%{ opacity:1; -moz-transform:none}}
@-webkit-keyframes fadeInUp{ 0%{ opacity:0; -webkit-transform:translate3d(0,50%,0)}100%{ opacity:1; -webkit-transform:none}}
@-o-keyframes fadeInUp{ 0%{ opacity:0; -o-transform:translate3d(0,50%,0)}100%{ opacity:1; -o-transform:none}}




/*样照*/

.page_pc .gd_box{ position:relative; overflow:hidden; }
.page_pc .box_ul{ width:99999px; overflow:hidden; }
.page_pc .box_ul>li{ float:left; width:1920px; position:relative; outline:none; }
.page_pc .box_ul>li>span{ display:block; width:100%; text-align:center; color:#fff; padding:0.5em 0; font-size:1.2em; }
.page_pc .gd_box .btn_left{ width:56px; height:56px; position:absolute; left:15%; top:50%; margin-top:-28px; z-index:2; border:solid 1px #b2b3b4; cursor:pointer; background:#000; filter:alpha(Opacity=50); -moz-opacity:0.5; opacity:0.5; }
.page_pc .gd_box .btn_right{ width:56px; height:56px; position:absolute; right:15%; top:50%; margin-top:-28px; z-index:2; border:solid 1px #b2b3b4; cursor:pointer; background:#000; filter:alpha(Opacity=50); -moz-opacity:0.5; opacity:0.5; }
.page_pc .btn_left img{ width:12px; height:21px; position:absolute; left:22px; top:17px; }
.page_pc .btn_right img{ width:12px; height:21px; position:absolute; left:22px; top:17px; }
.page_pc .btn_left:hover { filter:alpha(Opacity=80); -moz-opacity:0.8; opacity:0.8; }
.page_pc .btn_right:hover{ filter:alpha(Opacity=80); -moz-opacity:0.8; opacity:0.8; }
.page_pc .btn_left:hover img{ 
animation:scale_y 0.1s linear forwards; 
-moz-animation:scale_y 0.1s linear forwards; 	
-webkit-animation:scale_y 0.1s linear forwards; 	
-o-animation:fadeInLeft 0.1s linear forwards; 
	}
.page_pc .btn_right:hover img{ 
animation:scale_y 0.1s linear forwards; 
-moz-animation:scale_y 0.1s linear forwards; 	
-webkit-animation:scale_y 0.1s linear forwards; 	
-o-animation:scale_y 0.1s linear forwards; 
	}
	
.page_pc .btn_ul{ width:970px; margin:0 auto; overflow:hidden; z-index:5; display:none; }
.page_pc .btn_ul li{ width:184px; height:123px; margin-right:10px; float:left; position:relative; cursor:pointer; }
.page_pc .btn_ul li img{ width:100%; }
.page_pc .btn_ul li::after{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); }
.page_pc .btn_ul li:focus{ outline:none; }
.page_pc .btn_ul li:hover::after{ display:none; }
.page_pc .btn_ul li:focus:after{ display:none; }
.page_pc .btn_ul li.active::after{ display:none; }

.page_pc .gd_box1 .gd_fc{ position:absolute; left:50%; bottom:0; width:960px; height:240px; margin-left:-480px; background:#fff; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7; }
.page_pc .gd_box1 .gd_fcbox{ position:absolute; left:50%; bottom:0; width:960px; height:240px; margin-left:-480px; }
.page_pc .gd_box1 .gd_fcbox .pic{ position:absolute; left:45px; top:45px; width:245px; }
.page_pc .gd_box1 .gd_fcbox .p_tit{ position:absolute; left:375px; top:60px; width:255px; font-size:1.5em; line-height:1.5em; color:#000; }
.page_pc .gd_box1 .gd_fcbox p{ position:absolute; left:375px; top:110px; width:510px; color:#666; }
.page_pc .gd_box1>.p_tit{ position:absolute; left:50%; margin:-24px 0 0 -480px; top:10%; width:960px; }
.page_pc .gd_box1>p{ position:absolute; left:50%; top:19%; width:960px; color:#666; margin:-22px 0 0 -480px; text-align:center; color:#fff; }

.page_pc .gd_box2{ width:1200px; margin:0 auto; }
.page_pc .gd_box2 .btn_left{ width:28px; height:96px; position:absolute; left:0; top:50%; margin-top:-48px; z-index:2; border:solid 1px #b2b3b4; cursor:pointer; background:#000; }
.page_pc .gd_box2 .btn_right{ width:28px; height:96px; position:absolute; right:0; top:50%; margin-top:-48px; z-index:2; border:solid 1px #b2b3b4; cursor:pointer; background:#000; }
.page_pc .gd_box2 .btn_left img{ width:16px; height:58px; position:absolute; left:6px; top:19px; }
.page_pc .gd_box2 .btn_right img{ width:16px; height:58px; position:absolute; left:6px; top:19px; }


.page_pc .gd_box3{ background:#333; padding-bottom:20px; }
.page_pc .gd_box3 .btn_ulbox{ width:960px; margin:0 auto; overflow:hidden; z-index:5; }
.page_pc .gd_box3 .btn_ul{ display:block; width:99999px; overflow:hidden; }
.page_pc .gd_box3 .btn_left{ top:50%; margin-top:-118px; 
animation:fadeOutLeft 0.5s linear forwards; 
-moz-animation:fadeOutLeft 0.5s linear forwards; 	
-webkit-animation:fadeOutLeft 0.5s linear forwards; 	
-o-animation:fadeOutLeft 0.5s linear forwards; 
}
.page_pc .gd_box3 .btn_right{ top:50%; margin-top:-118px; 
animation:fadeOutRight 0.5s linear forwards; 
-moz-animation:fadeOutRight 0.5s linear forwards; 	
-webkit-animation:fadeOutRight 0.5s linear forwards; 	
-o-animation:fadeOutRight 0.5s linear forwards; 
}
.page_pc .gd_box3:hover .btn_left{ 
animation:fadeInLeft 0.5s linear forwards; 
-moz-animation:fadeInLeft 0.5s linear forwards; 	
-webkit-animation:fadeInLeft 0.5s linear forwards; 	
-o-animation:fadeInLeft 0.5s linear forwards; 
	}
.page_pc .gd_box3:hover .btn_right{ 
animation:fadeInRight 0.5s linear forwards; 
-moz-animation:fadeInRight 0.5s linear forwards; 	
-webkit-animation:fadeInRight 0.5s linear forwards; 	
-o-animation:fadeInRight 0.5s linear forwards; 
	}



@media screen and (max-width:1600px){ 
	.page_pc{ overflow:hidden; font-size:15px; line-height:1.5em; }
	}

@media screen and (max-width:1400px){ 
	.page_pc{ overflow:hidden; font-size:14px; line-height:1.5em; }
	}



@keyframes fadeInLeft{ 0%{ opacity:0; transform:translate3d(-100%,0,0)}100%{ opacity:0.8; transform:none}}
@-moz-keyframes fadeInLeft{ 0%{ opacity:0; -moz-transform:translate3d(-100%,0,0)}100%{ opacity:0.8; -moz-transform:none}}
@-webkit-keyframes fadeInLeft{ 0%{ opacity:0; -webkit-transform:translate3d(-100%,0,0)}100%{ opacity:0.8; -webkit-transform:none}}
@-o-keyframes fadeInLeft{ 0%{ opacity:0; -o-transform:translate3d(-100%,0,0)}100%{ opacity:0.8; -o-transform:none}}

@keyframes fadeOutLeft{ 0%{ opacity:0.8; transform:none}100%{ opacity:0; transform:translate3d(-100%,0,0)}}
@-moz-keyframes fadeOutLeft{ 0%{ opacity:0.8; -moz-transform:none}100%{ opacity:0; -moz-transform:translate3d(-100%,0,0)}}
@-webkit-keyframes fadeOutLeft{ 0%{ opacity:0.8; -webkit-transform:none}100%{ opacity:0; -webkit-transform:translate3d(-100%,0,0)}}
@-o-keyframes fadeOutLeft{ 0%{ opacity:0.8; -o-transform:none}100%{ opacity:0; -o-transform:translate3d(-100%,0,0)}}


@keyframes fadeInRight{ 0%{ opacity:0; transform:translate3d(100%,0,0)}100%{ opacity:0.5; transform:none}}
@-moz-keyframes fadeInRight{ 0%{ opacity:0; -moz-transform:translate3d(100%,0,0)}100%{ opacity:0.5; -moz-transform:none}}
@-webkit-keyframes fadeInRight{ 0%{ opacity:0; -webkit-transform:translate3d(100%,0,0)}100%{ opacity:0.5; -webkit-transform:none}}
@-o-keyframes fadeInRight{ 0%{ opacity:0; -o-transform:translate3d(100%,0,0)}100%{ opacity:0.5; -o-transform:none}}

@keyframes fadeOutRight{ 0%{ opacity:0.5; transform:none}100%{ opacity:0; transform:translate3d(100%,0,0)}}
@-moz-keyframes fadeOutRight{ 0%{ opacity:0.5; -moz-transform:none}100%{ opacity:0; -moz-transform:translate3d(100%,0,0)}}
@-webkit-keyframes fadeOutRight{ 0%{ opacity:0.5; -webkit-transform:none}100%{ opacity:0; -webkit-transform:translate3d(100%,0,0)}}
@-o-keyframes fadeOutRight{ 0%{ opacity:0.5; -o-transform:none}100%{ opacity:0; -o-transform:translate3d(100%,0,0)}}


@keyframes scale_y { 0%{ transform:scale(1,1); } 100%{ transform:scale(1.6,0.6); } }
@-moz-keyframes scale_y { 0%{ -moz-transform:scale(1,1); } 100%{ -moz-transform:scale(1.6,0.6); } }
@-webkit-keyframes scale_y { 0%{ -webkit-transform:scale(1,1); } 100%{ -webkit-transform:scale(1.6,0.6); } }
@-o-keyframes scale_y { 0%{ -o-transform:scale(1,1); } 100%{ -o-transform:scale(1.6,0.6); } }

@keyframes scale_y2 { 0%{ transform:scale(1.6,0.6); } 100%{ transform:scale(1,1); } }
@-moz-keyframes scale_y2 { 0%{ -moz-transform:scale(1.6,0.6); } 100%{ -moz-transform:scale(1,1); } }
@-webkit-keyframes scale_y2 { 0%{ -webkit-transform:scale(1.6,0.6); } 100%{ -webkit-transform:scale(1,1); } }
@-o-keyframes scale_y2 { 0%{ -o-transform:scale(1.6,0.6); } 100%{ -o-transform:scale(1,1); } }



.page_mobile{ overflow:hidden; }
.page_mobile *{ margin:0; padding:0; border:0; list-style:none; }
.page_mobile p{ font-size:3.75vw; line-height:1.5em; color:#666; }
.page_mobile img{ display:block; width:100%; }
.page_mobile .m_w1{ padding:0 4%; }
.page_mobile .m_w2{ padding:0 4% 4%; color:#666; }
.page_mobile .m_w2 li{ margin:1em 0 0 1em; color:#ff5500; list-style-type:disc; }
.page_mobile .m_w2 li>div{ color:#666; font-size:3.125vw; }
.page_mobile .m_text01{ color:#838584; font-size:3.125vw; background:#f7fbfe; padding:0 5vw 3vw; }
.page_mobile .m_text01 a{ color:#838584; text-decoration:underline; }