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

html,body,ul,li,p,img,dl,dt,dd{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{ margin:0; padding:0; font-weight:normal; color:#666;}

.page{ position:relative;}
.page img{ display:block; margin:0; padding:0; }
.page img.p_tb{ display:inline-block; height:0.8em; vertical-align:middle;}

.page .p_bot{ width:960px; margin:30px auto 0;}

/*样照*/

.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/qhbtn.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/qhbtn.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:90px; height:58px; z-index:99; display:none;}
.page .nav_ul{ width:764px; padding-right:55px; margin:0 auto; overflow:hidden; margin-top:4px;}
.page .nav_ul>li{ float:left; width:156px; height:66px; margin:0 10px; cursor:pointer;}
.page .nav_ul>li>img{ width:100%; height:100%; }
.page .nav_ul>li.li1:hover{ background-position:-240px 0;}
.page .nav_ul>li.li1.on{ background-position:-240px 0;}
.page .nav_ul>li.li2{ background-position:0 -66px;}
.page .nav_ul>li.li2:hover{ background-position:-240px -66px;}
.page .nav_ul>li.li2.on{ background-position:-240px -66px;}
.page .nav_ul>li.li3{ background-position:0 -132px;}
.page .nav_ul>li.li3:hover{ background-position:-240px -132px;}
.page .nav_ul>li.li3.on{ background-position:-240px -132px;}
.page .nav_ul>li.li4{ background-position:0 -198px;}
.page .nav_ul>li.li4:hover{ background-position:-240px -198px;}
.page .nav_ul>li.li4.on{ background-position:-240px -198px;}
.page .nav_box .nav_tips{ position:absolute; left:50%; margin-left:182px; top:10px;}

.fixpage{ position:absolute; left:50%; top:100px; margin-left:490px; width:124px; z-index:99; }
.fixpage>p{ margin:0; position:absolute; top:86px; left:0; width:100%; text-align:center; color:#434343; font-size:14px; line-height:19px;}
.fixpage>p.on{ top:98px; }
.fixpage>p.numText{ top:75px; }
.fixpage>p.numText.on{ top:96px; }
.fixpage>p>span{ color:#ff7800;}
.fiwed{position:fixed; top:190px; z-index:9;}

.qdBg{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:99; }
.qdBox{ position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:99; }
.qdBox .qdClose{ position:absolute; right:14px; top:13px; width:40px; height:40px; font-family:Arial, Helvetica, sans-serif; font-size:40px; line-height:1em; text-align:center; border-radius:5px; background:#9699a1; color:#fff; cursor:pointer; }



.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_t .load{ width:26px; height:26px; display:inline-block; margin:27px 27px 7px; float:right; }
.main_t .load:after{ content:""; border:solid 3px #bbcedd; border-top:solid 3px #fff; border-radius:50%; width:20px; height:20px; display:block; animation:zhuan 1s linear infinite;}
@keyframes zhuan{ 0%{ transform:rotateZ(0deg);}100%{ transform:rotateZ(360deg);}}
@-webkit-keyframes zhuan{ 0%{ transform:rotateZ(0deg);} 100%{ transform:rotateZ(360deg);}}