@charset "utf-8";

#head{background:#fff;}
#head .logo a>img.white{opacity:0;}
#head .logo a>img.blue{opacity:1;}
#head .logo a>span{color:#666;}
#head #menu>li>a{color:#464646;}
#head #lan, #head #search{color:#999;}



#location{margin-top:93px; padding:20px 35px; font-size:1.5rem; color:#464646; border-top:1px solid #eee;}
#location .iconfont{vertical-align:middle; font-size:1.6rem;}
#location *:after{content:none;}
#location a{display:inline-block; color:#464646; line-height:1.2; border-bottom:1px solid transparent;}
#location a:hover{color:#333; border-bottom:1px solid #333;}


#pro_view{max-width:1400px; margin:20px auto; position:relative; z-index:1;}
#pro_view .top{text-align: center;}
#pro_view h1{display:block; font-size:3.8rem; color:#464646; margin:0; font-family: 'Cabin'; font-weight: normal;}
#pro_view h2{display:inline-block; font-size:2rem; color:#fff; margin:15px auto 0 auto; text-align:center; font-weight: normal; background: #464646; padding: 10px 15px 11px 15px; font-family: 'Quicksand'; border-radius: .3rem;}

#pro_move{margin:30px auto; min-height:360px; position:relative; z-index:1; text-align:center;}
#pro_move .bx-wrapper img{display:block; margin:auto; height:auto; max-height:600px;}
#pro_move .bx-wrapper{box-shadow:none; margin:0 0 20px 0; min-height:360px;}
#pro_move .bx-wrapper .bx-viewport{border:0px none; box-shadow:none; left:0;}
#pro_move .bx-pager{font-size:0; text-align:center; padding:0 50px; text-align:center;}
#pro_move .bx-pager a{display:inline-block; width:64px; height:64px; vertical-align:middle; margin-right:6px; margin-bottom:6px; background:#fff; box-sizing:border-box; text-align:center; transition:all .2s; border:1px solid #ddd; box-sizing:border-box; line-height:61px; cursor:pointer;}
#pro_move .bx-pager a>img{max-width:60px; max-height:60px; vertical-align:middle;}
#pro_move .bx-pager a:after{content:''; display:inline-block; height:100%; vertical-align:middle; width:0; font-size:0;}
#pro_move .bx-pager a.active{box-shadow:0 0 0 0; background:#fff; position:relative; border-bottom:3px solid #d8ae5d;}
#pro_move .bx-pager a.active>img{-webkit-filter:brightness(116%); filter:brightness(116%);}
#pro_move .bx-prev{display:none;}
#pro_move .bx-next{display:none;}
#pro_move .bx-wrapper .bx-controls-direction a{opacity:0;}


#pro_move .threeD{display:block; width:130px; height:45px; color:#fff; position:absolute; right:0; top:38%; z-index:1; font-size:1.5rem; line-height:45px; cursor:pointer; border-radius:5px; background:#d8ae5d; transition:all .2s;}
#pro_move .threeD>span{display:inline-block; font-size:3.2rem; vertical-align:top; margin-right:.5rem;}
#pro_move .threeD:hover{background:#666;}


#pro_tags_title{background:#666; margin:40px auto 30px auto;}
#pro_tags_title>a{float:left; text-align:center; width:33.333333%; height:55px; line-height:53px; font-size:1.6rem; color:#fff; border-right:1px solid #fff; box-sizing:border-box; transition:all .25s; cursor:pointer;}
#pro_tags_title>a>span{display:inline-block; font-size:2rem; margin-right:.6rem; vertical-align:middle;}
#pro_tags_title>a:last-child{border-right:0px none;}
#pro_tags_title>a:hover, #pro_tags_title>a.active{background:#1885f5; color:#fff;}


#pro_tags_con{margin:0 auto 100px 0;}

#pro_tags_list{display:none;}
#pro_tags_list>dl{border:1px solid #e6e6e6; margin-bottom:-1px;}
#pro_tags_list>dl>dt{font-size:1.7rem; color:#464646; position:relative; cursor:pointer; padding:16px 40px; transition:all .2s;}
#pro_tags_list>dl>dt:before{content:''; display:block; width:6px; height:6px; background:#666; position:absolute; left:20px; top:24px;}
#pro_tags_list>dl>dt>span{position:absolute; right:20px; top:21px; font-size:1rem; transform:scale(.8); color:#999; transition:all .2s;}
#pro_tags_list>dl>dt:hover, #pro_tags_list>dl.active>dt{background:#eee;}
#pro_tags_list>dl.active>dt{font-weight:bold;}
#pro_tags_list>dl.active>dt>span{transform:rotate(-180deg) scale(.8); top:19px;}
#pro_tags_list>dl>dd{display:none; padding:30px;}
#pro_tags_list>dl>dd img{max-width:100%;}

#pro_tags_con a.title{display:none;}

#pro_tags_pdf{display:none;}
#pro_tags_pdf>a{display:block; border-bottom:1px solid #e6e6e6; font-size:1.7rem; color:#464646; padding:16px 18px; transition:all .2s;}
#pro_tags_pdf>a>span{display:inline-block; margin-right:.6rem; vertical-align:middle;}
#pro_tags_pdf>a:hover{background:#eee;}

#pro_tags_3d{margin-top:-10px; width:102%; margin-left:-1%;}
#pro_tags_3d .item{display:block; float:left; width:23%; padding:1%;}
#pro_tags_3d .item>a{display:block; border:1px solid #e6e6e6; box-sizing:border-box; transition:all .25s; cursor:pointer; background:#fff;}
#pro_tags_3d .item>a:hover{box-shadow:5px 5px 35px rgba(0,0,0,.08);}
#pro_tags_3d .item>a>.img{position:relative; width:100%; padding-top:74%;}
#pro_tags_3d .item>a>.img>img{position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; max-width:100%; max-height:100%;}
#pro_tags_3d .item>a>.tit{text-align:center; font-size:1.5rem; color:#464646; padding:3px 15px 22px 15px; transition:all .3s; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#pro_tags_3d .item>a:hover>.tit{color:#1885f5;}


@media (max-width:1440px){
  #pro_view{max-width:1350px;}
}

@media (max-width:1366px){
  #pro_view{max-width:1280px;}
}

@media (max-width:1280px){
  #pro_view{max-width:1190px;}
}

@media (max-width:1080px){
  #head #lan{display: none;}
  #location{padding:20px 15px;}

  #pro_view{max-width:none; margin:20px auto; padding:0 15px;}
  #pro_view h1{display:block; font-size:2.6rem;}
  #pro_view h2{font-size:1.5rem; display: block;}

  #pro_move{margin:30px auto; min-height:auto;}
  #pro_move .bx-wrapper{min-height:auto;}

  #pro_move .threeD{display:none;}

  #pro_tags_title{display:none;}

  #pro_tags_list, #pro_tags_pdf, #pro_tags_3d{display:block !important;}
  #pro_tags_con>div{margin-bottom:40px;}
  #pro_tags_con a.title{display:block;}
  #pro_tags_con>div>a.title{display:block; width:100%; height:50px; line-height:48px; font-size:1.6rem; color:#fff; box-sizing:border-box; background:#1885f5; padding-left:15px; margin-bottom:15px;}
  #pro_tags_con>div>a.title>span{display:inline-block; font-size:2rem; margin-right:.6rem; vertical-align:middle;}

  #pro_tags_list>dl>dt{font-size:1.6rem; padding:12px 30px;}
  #pro_tags_list>dl>dt:before{left:15px; top:20px;}
  #pro_tags_list>dl>dt>span{right:15px; top:18px;}
  #pro_tags_list>dl.active>dt>span{top:15px;}

  #pro_tags_pdf>a.title{padding:0;}
  #pro_tags_pdf>a{font-size:1.5rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:15px 10px;}

  #pro_tags_3d .item{width:48%;}
  #pro_tags_3d .item>a>.tit{font-size:1.3rem; padding:3px 5px 15px 5px;}
}