﻿

/*右侧*/
.pro-right-sidebar{float:right;margin:0;width:25%;overflow:hidden; }
.pro-right-sidebar-one{ background:#EEEFEF; height:auto; overflow:hidden; padding-top:28px;}
.pro-right-sidebar-one-t{font-size:20px; font-weight:bold; text-align:center;margin-top:10px;}
.pro-right-sidebar-one-c{ width:100%; height:auto; margin:20px 0px;overflow:hidden; padding:0px 20px}
.pro-right-sidebar-one-c li{ width:100%; height:40px; line-height:40px; background:#FFFFFF;border-radius: 5px; margin:10px 0px; padding:0px 10px; font-size:14px;}
.pro-right-sidebar-one-c li span{padding-left:5px}
.pro-right-sidebar-one-e{ width:100%; height:auto; margin:10px 0px;overflow:hidden; border-top:2px solid #DEDFDF}
.pro-right-sidebar-one-e-c{width:100%; height:auto; margin:10px 0px;overflow:hidden; line-height:25px; padding:0px 20px;}
.pro-right-sidebar-one-e-c span{ font-size:16px; font-weight:bold; line-height:40px}


.pro-right-sidebar-two{ background:#EEEFEF; height:auto; overflow:hidden; padding:20px; margin-top:20px}
.pro-right-sidebar-two-t{font-size:16px; font-weight:bold; text-align:left; margin-bottom:12px}
.pro-right-sidebar-two-c li{ width:100%; height:20px; line-height:20px; padding:0px; font-size:14px; margin:8px 0px}
.pro-right-sidebar-two-c li a{ color:#428BCA; font-size:14px;text-decoration:none}
.pro-right-sidebar-two-c li a:hover  { color:#E4007E;}

/*详细*/

.pro-left-info{position:relative;float:left;overflow:hidden;width:72%;border:1px solid #cacaca;padding-bottom:10px}
.pro-left-info-title{ width:100%; height: auto; line-height:35px; margin-top:20px; padding:10px 20px; font-size:32px; font-weight:bold}
.pro-left-info-title_e{ width:100%; height: auto; line-height:30px; margin-top:10px; padding:0px 20px; font-size:16px; }
.highlight{background-color:#ddd; height:2px; width:100%; line-height:2px; margin-top:10px}
.pro-left-info-pdf{width:100%; height:50px; line-height:50px; margin-bottom:20px}
.pdf-links{float:right;font-size:14px;margin-right:20px;}
.pdf-links li{float:left;background:url("images/icon-vertical-sprites.v3.png") no-repeat -18px -248px}
.pdf-links li a span{padding:0 10px 0 20px}
.pws_links a{margin:0 1em 0 0}
.pws_links .pws_link{background-position:10px 0}

.product-data-wall{overflow:hidden;width:100%; height:auto}
.product-data-wall-title{width:100%; height:40px; line-height:40px; background:linear-gradient(90deg,#0047BB 0.5%,#EEEFEF 0.5%);
padding:0px 20px; font-size:16px; font-weight:bold}
.pro-left-info .datasheet-section{overflow:hidden;margin:10px; width:100%;}
.pro-left-info .attribute>div,.pro-left-info .attribute div.value{padding:10px 0}
.pro-left-info .attribute{float:left;overflow:hidden;padding:0 1.4em;width:94.4%;border-bottom:1px solid #efefef}
.pro-left-info .attribute .name{overflow:hidden;width:28%;font-weight:bold}
.pro-left-info .attribute>div,.pro-left-info .attribute div.value{float:left;width:71%;line-height:1.6em}


/*详细图片显示*/
.pro-left-info .images-content{width:100%; height:auto;}
.pro-left-info .images-content .images { width:100%;padding-top:5px;color:#666;font-size:12px;font-size:1.2rem;line-height:1.2em}
.pro-left-info .images-content .images li{ width:96%;overflow:hidden;padding:5% 0px;border-bottom:1px solid #cacaca; height:auto; margin:0px auto}
.pro-left-info .images-content .images li .image_img{ float:left;margin:0px;width:40%;vertical-align:top; text-align:center}
.pro-left-info .images-content .images li .image_img img{ width: auto; max-width:180px;margin:0px auto;}
.pro-left-info .images-content .images li .description{float:right;padding:0;border:0; width:55%; line-height:40px;}


.pro-left-info .images-content .images li .description span ol{margin:0;padding:0}
.pro-left-info .images-content .images li .description span li{margin:0;padding:0 0 0 15px;width:300px;border:0;background:url("/images/arrow-more-details.png") no-repeat 0 8px;line-height:1.71em}
.pro-left-info .images-content .images li .description p{margin-bottom:1em}



/*内页产品图片滚动*/
.pro-left-pic{width:91%; margin:0px auto}
.track {width: 100%;position: relative;}
.view-port, .track .inner {width:88%; margin:0px auto}
.view-port {overflow: hidden;position: relative;}
.track .inner {position: relative;margin: auto;margin-bottom: 30px;padding: 10px;}

.track a.prev,.track a.next {display: block;position: absolute;top: 50%;margin-top: -32px;width: 64px;height: 64px;background: url("../images/arrows.png");background-repeat: no-repeat;}
.track a.prev.disabled,.track a.next.disabled {display: none;}
.track a.prev {left: 0;background-position: 0 0;}
.track a.prev:hover {background-position: 0 -66px;}
.track a.prev:active {background-position: 0 -132px;}
.track a.next {right: 0;background-position: -64px 0;}
.track a.next:hover {background-position: -64px -132px;}
.track a.next:active {background-position: -64px -198px;}
.slider-container {position: relative;margin: 0;padding: 0;height:300px;}
.slider-container .item {width:315px;height: 250px;margin-right: 36px;margin-bottom: 16px;text-align: center; overflow:hidden}
.slider-container .item img {width:315px;height: 250px;overflow:hidden}

.img-block {margin-bottom: 16px;}
.bullet-pagination {width: 100%;text-align: center; margin-top: 15px;}
.bullet {display: inline-block;background: #999;padding: 4px;border-radius: 6px;margin-right: 5px;opacity: 0.4; -webkit-transition: opacity 0.5s linear; -moz-transition: opacity 0.5s linear;-ms-transition: opacity 0.5s linear;-o-transition:opacity 0.5s linear;transition: opacity 0.5s linear;}

.bullet.active {opacity: 1;}
.bullet:last-child {margin-right: 0;}

.view-port {overflow: hidden;position: relative;}
.slider-container {position: relative;margin: 0;padding: 0;}
.item {position: absolute;}



@media screen and (max-width: 960px) {
.pro-left-info{float:left;overflow:hidden;width:100%;border:1px solid #cacaca; margin-bottom:20px;}
.pro-left-info-title_e{font-size:14px; }
.highlight{background-color:#ddd; height:2px; width:100%; line-height:2px; margin-top:10px}
.pro-right-sidebar{float:left;overflow:hidden;width:100%;padding-bottom:10px}
.pro-left-pic{ display: none}
.pro-left-info-title{height: auto; line-height:28px; margin-top:10px; font-size:20px;}
.pro-left-info-pdf{width:100%; height:50px; line-height:50px; margin:0px auto; text-align:center}
.pro-left-info .images-content .images li .image_img{ margin:0px auto;width:100%;text-align:center}
.pro-left-info .images-content .images li .image_img img{ width:160px;margin:0px auto;}
.pro-left-info .images-content .images li .description{ margin:20px auto 10px;padding:0;border:0; width:100%; line-height:25px;}
}

