@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 #search{color:#999;}







#location{margin-top:93px; padding:20px 35px; font-size:15px; color:#464646; border-top:1px solid #eee;}

#location .iconfont{vertical-align:middle; font-size:16px;}

#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:52px auto; position:relative; z-index:1;}

#pro_view h1{display:block; font-size:32px; color:#464646; margin:0; text-align:center;}



#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:2px solid #ca2700;}

#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:15px; line-height:45px; cursor:pointer; border-radius:5px; background:#ca2700; transition:all .2s;}

#pro_move .threeD>span{display:inline-block; font-size:32px; 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:50%; height:55px; line-height:53px; font-size:17px; 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:#32c86f; 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:17px; 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 p{

    font-size: 16px;

    line-height: 1.8;

}

#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:17px; 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:15px; 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:#32c86f;}





@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){

  #location{padding:20px 15px;}



  #pro_view{max-width:none; margin:20px auto; padding:0 15px;}

  #pro_view h1{display:block; font-size:26px;}



  #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:16px; color:#fff; box-sizing:border-box; background:#32c86f; 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:16px; 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:15px; 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:13px; padding:3px 5px 15px 5px;}

}