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

body{min-width: 1000px; width: 100%;overflow-x: hidden;}


.banner a{ display:block; background:url(/Skins/Default/Img/neiye/proxqbanner.jpg) no-repeat center top; height:457px; overflow:hidden; position: relative; z-index: 2;}

.prodetail{ margin: 40px 0 0; height:589px; border:1px solid #dbdbdb; overflow: hidden;}
.prodetail-left{ width:471px; border-right: 1px solid #dbdbdb; overflow: hidden; position: relative;}
.prodetail-left li img{width:471px;height:589px;}
.prodetail-prev{position: absolute; top: 271px; z-index: 3; left: 20px; width:47px; height:47px;}
.prodetail-next{position: absolute; top: 271px; z-index: 3; right: 20px; width:47px; height:47px;}

.prodetail-right{ width:695px;overflow: hidden; position: relative;}
.prodetail-bt{ position: absolute; top: 0; right: 30px; width:62px; height:58px; background:#0170be; text-align: center; padding: 14px 0 0; font-size: 16px; color:#fff; line-height: 24px;}
.prodetail-ind{ max-height: 315px; overflow: hidden;}
.prodetail-ind h3{ padding-top: 22px; height:79px; font-size: 30px;font-weight: normal; color:#333333; overflow: hidden; line-height: 34px; position: relative;}
.prodetail-ind h3 span{display: block; font-size: 20px; color:#0170be;}
.prodetail-ind h3::before{position: absolute; content:""; width:20px; height:1px; background:#0170be; bottom:0;left: 0;}
.prodetail-wz{ padding-top: 6px;font-size: 14px; line-height: 24px; color:#666666;}
.prodetail-right p{ font-size: 14px; line-height: 24px; color:#666666;}
.prodetail-right h4{ margin: 10px 30px 0 0; height:28px; border-bottom: 1px solid #d3d3d3; overflow: hidden; background:url(/Skins/Default/Img/neiye/proxqico.gif) no-repeat 0 top; font-size: 16px; line-height: 28px; color:#333333; padding-left: 12px;font-weight: normal;}
.prodetail-right li{ margin:20px 15px 0 0; width:155px; overflow: hidden; float: left; position: relative; line-height: 0;}
.prodetail-right li img{ border:1px solid #dadada; width:153px; height:193px;}
.prodetail-right li span{ display: block; position: absolute; bottom:0;left: 0; width:100%; height:30px;background:url(/Skins/Default/Img/Index/png.png) repeat 0 0; text-align: center; font-size: 14px; color:#fff; line-height: 30px;}

.prodetail-item{ margin-top: 28px;}
.prodetail-bt01{ height:54px; line-height: 51px; overflow: hidden; position: relative; font-size: 30px; color:#222222;}
.prodetail-bt01::before{position: absolute; content:""; bottom: 0;left: 0; width:100%; height:1px; background:#dbdbdb;}
.prodetail-bt01 span{ border-bottom: 3px solid #0170be; height:51px; display: inline-block; position: relative; z-index: 3;}
.prodetail-bt01 i{ display: inline-block;padding-left: 10px; font-size: 20px; color:#0170be; font-family: Arial; text-transform: uppercase;}
.prodetail-bt01 em{ display: inline-block; font-size: 16px; color:#0170be; display: inline-block;}
.prodetail-bt01 em a{color:#0170be;}
/*
.prodetail-table{ margin-top: 20px;}
.prodetail-table h3{ height:39px; background:#0170be; font-size: 16px; color:#fff; line-height: 39px; text-align: center;}
.prodetail-table h3 img{vertical-align: middle;margin:0 15px;}
.prodetail-table table{ border:1px solid #dbdbdb; border-top: 0; width:100%;}
.prodetail-table table tr{border-bottom: 1px solid #dbdbdb; height:37px; line-height: 37px;}
.prodetail-table table td{border-right:  1px solid #dbdbdb; padding-left: 10px;  font-size: 14px; color:#999999;}
.prodetail-table table td:nth-child(2n){ color:#333;}

.prodetail-eff{ margin-top: 28px;}
.prodetail-eff li{ margin-right: 42px; width:579px; overflow: hidden; float: left; }
.prodetail-eff li img{ width:561px; height:355px; padding: 8px; border:1px solid #dbdbdb;}
.prodetail-eff li.nomar{margin-right: 0;}
.prodetail-eff li span{display: block; line-height: 60px; font-size: 16px; color:#444444; text-align: center;}

.prodetail-char{ margin-top: 32px; position: relative;}
.prodetail-char dl{position: absolute;}
.prodetail-char .dl00{background:url(/Skins/Default/Img/neiye/proxq_tdline02.gif) no-repeat right 85px; padding-right: 177px;}
.prodetail-char .dl10{background:url(/Skins/Default/Img/neiye/proxq_tdline01.gif) no-repeat left 85px; padding-left: 177px;}
.prodetail-char dl{position: absolute; width:331px;overflow: hidden;}
.prodetail-char dt{ width:331px; overflow: hidden;}
.prodetail-char dt img{ width:329px; height:190px; border:1px solid #dbdbdb;}
.prodetail-char dd h3 { padding: 16px 0; font-size: 24px; line-height: 30px; color:#333333;font-weight: normal;}
.prodetail-char dd h3 span {display: inline-block;padding-right: 10px; font-size: 28px; font-family: Arial; color:#e89c18;}
.prodetail-char dd p{ font-size: 14px; line-height: 24px; color:#444444;}
.prodetail-char dd em{ display: inline-block;padding: 0 10px;}
.prodetail-char .dl01{ top: 135px;left: 0;}
.prodetail-char .dl02{ top: 478px;left: 0;}
.prodetail-char .dl03{ top: 835px;left: 0;}
.prodetail-char .dl04{ top: 0;right: 0;}
.prodetail-char .dl05{ top: 318px;right: 0;}
.prodetail-char .dl06{ top: 641px;right: 0;}
.prodetail-char .dl07{ top: 966px;right: 0;}

.prodetail-adv-bt{padding-top: 44px; height:135px; text-align: center; font-size: 30px; color:#000000; line-height: 60px;}
.prodetail-adv-bt span{ display: block; font-size: 48px; line-height: 50px; color:#0170be; font-weight: bold;}
.prodetail-adv{background:url(/Skins/Default/Img/neiye/proxq_ad.jpg) no-repeat left 0; height:515px; position: relative; overflow: hidden; }
.prodetail-adv p{position: absolute; width:146px; line-height: 30px; font-size: 24px; color:#fff; text-align: center;}
.prodetail-adv p.p01{ top: 410px;left: 105px;}
.prodetail-adv p.p02{ top: 194px;left: 189px;}
.prodetail-adv p.p03{ top: 58px;left: 387px;}
.prodetail-adv p.p04{ top: 58px;left: 650px;}
.prodetail-adv p.p05{ top: 194px;right: 189px;}
.prodetail-adv p.p06{ top: 410px;right: 105px;}
.prodetail-adv span{ display: block; font-size: 24px; line-height:30px; font-family: Arial; color:#000000; width: 90px; text-align: center;position: absolute;}
.prodetail-adv span.span01{ top: 310px; left: 204px;}
.prodetail-adv span.span02{ top: 140px; left: 340px;}
.prodetail-adv span.span03{ top: 64px; left: 548px;}
.prodetail-adv span.span04{ top: 140px; left: 765px;}
.prodetail-adv span.span05{ top: 305px; left:900px;}

.prodetail-adv h4{ position: absolute; top: 380px; width:470px;left: 50%; margin-left: -235px; font-size: 30px; color:#ffa200; line-height: 48px;  text-align: center;}
.prodetail-inst{ margin-top: 19px; height:449px; position: relative; overflow: hidden;}
.prodetail-inst p{position: absolute; }
.prodetail-inst p.p01{ top: 0; left: 0; width:513px; height:429px;}
.prodetail-inst p.p02{ top: 0; left: 525px; width:357px; height:209px;}
.prodetail-inst p.p03{ top: 220px; left: 525px; width:357px; height:209px;}
.prodetail-inst p.p04{ top: 0; right: 0; width:305px; height:429px;}
.prodetail-inst p span{ display: block; position: absolute; top: 0;left: 0;width:100%; height:100%; font-size: 20px; color:#fff; text-align: center;background:url(/Skins/Default/Img/Index/png.png) repeat left 0; top: 0; display:none;}
.prodetail-inst p.p01 span{ line-height: 429px;}
.prodetail-inst p.p02 span{ line-height: 209px;}
.prodetail-inst p.p03 span{ line-height: 209px;}
.prodetail-inst p.p04 span{ line-height: 429px;}
.prodetail-inst p:hover span{ display: block;}
 */
.prodetail-case{margin-top: 20px; height:750px;}
.prodetail-case dl{ width:592px; height:741px; position: relative; overflow: hidden; float: left;}
.prodetail-case dt img{width:592px; height:741px;}
.prodetail-case dd{position: absolute; bottom:0;left: 0; width:100%; height:130px;background:url(/Skins/Default/Img/Index/casepng.png) repeat; overflow: hidden; }
.prodetail-case dd h3{ padding: 12px 0 12px 20px; font-size: 20px;font-weight: normal; line-height: 28px;}
.prodetail-case dd h3 a{ color:#fff;}
.prodetail-case dd p{padding: 0 20px; font-size: 14px; line-height: 20px; color:#fff;}
.prodetail-case ul{ width:608px; overflow: hidden; float: right;}
.prodetail-case li{ width:290px;height:363px; margin:0 0 15px 14px; float: left; position: relative; overflow: hidden;}
.prodetail-case li span{ white-space:nowrap;text-overflow:ellipsis; display: block;position: absolute; bottom:0;left: 0; width:100%; height:47px;background:url(/Skins/Default/Img/Index/casepng.png) repeat; overflow: hidden; font-size: 16px; line-height: 47px; color:#fff; text-align: center;}

.prodetail-pro{ padding-bottom: 72px;}
.prodetail-pro li{ margin:14px 13px 0 0;}
.prodetail-pro li.nomar{margin-right: 0;}

.prodetail-pro li{ float: left; width:290px; height: 363px; overflow: hidden; position: relative;}
.prodetail-pro li img{ width:288px; height:361px; border:1px solid #dadada;}
.prodetail-pro li .prowz{position: absolute; bottom: 0; left: 0; width:290px; height:47px;background:url(/Skins/Default/Img/Index/png.png) repeat 0 0;background:rgba(1,112,190,0.8);} 
.prowz span{ display: block;  width:100%; height:47px; text-align: center; line-height: 47px; color:#fff; text-transform: uppercase; font-size: 18px; font-family: Arial;}
.prowz p{ float: right; width:124px; height:41px;background:url(/Skins/Default/Img/Index/proicon01.png) no-repeat 151px 15px;padding: 6px 60px 0 0;  font-size: 12px; color:#fff;}