@charset "utf-8";
.banner01{ width: 100%; position: relative; height: 399px;overflow: hidden;}
.banner01 .pic{ position: absolute;top:0; left:50% ;margin-left:-960px; width: 1920px;}
.left-sidenav02{ background: #1AB5D3;color: #FFF; width: 100%;overflow: hidden}
.left-sidenav02 a{color: #FFF}
.left-sidenav02 ul{margin-bottom: 10px;}
.left-sidenav02 li.on dt,.left-sidenav02 li:hover dt{ background: #373737; }
.left-sidenav02 dt{padding:28px 30px 28px; font-size:16px;font-weight:400}
.left-sidenav02 dt a{ position: relative; }
.left-sidenav02 li.on dt a:after,.left-sidenav02 li:hover dt a:after{ content:"";position: absolute; background: #FFF; height: 1px; width:61px;bottom: -7px;left: 0;}
.left-sidenav02 li.on .two-nav{ display: block }
.left-sidenav02 .two-nav{ background: #656565; font-size: 14px;padding:25px 0 25px 40px; display:none}
.left-sidenav02 .two-nav div{margin-bottom: 10px;}
.left-sidenav02 .two-nav div a:hover{color:#1AB5D3;}
.left-link{text-align: center; line-height: 24px;background: #1AB5D3;color: #FFF; width: 100%; overflow: hidden;margin-bottom: 60px;}
.left-link > div{padding:10px 25px 20px; }
.left-link i{ width: 37px; height: 37px; background: url(../images/icon.png) no-repeat; display: block; margin:auto;}
.left-link i.ll-tel{ background-position: 0 -67px }
.left-link i.ll-adr{ background-position: -38px -67px }
.crumb{background:url(../images/crumb-bg.png) right center no-repeat #1BC7DB; height: 93px; width: 100%;padding:20px 25px; overflow: hidden;color:#FFF;}
.crumb b{ font-size: 24px; display: block }
.pro-list,.case-list{ overflow: hidden;margin:30px -9px 0;}
.pro-list li,.case-list li{ float: left; width:25%; padding:9px; text-align: center}
.pro-list li a,.case-list li a{ display: block;border:solid 1px #E8E8E8;padding:0 10px 0;}
.pro-list li .pic,.case-list li .pic{ line-height:0 }
.pro-list li .name,.case-list li .name{ height:40px; line-height: 40px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.pro-list li .pic{ display:table-cell;vertical-align: middle;}
.pro-list li .pic img{width: auto; }
.case-list{margin:25px -14px 0;}
.case-list li {padding:14px;width: 310px}
.case-list li .pic{width:280px;height: 196px; display:table-cell;vertical-align: middle;border-bottom: solid 1px #E8E8E8}
.case-list li .pic img{width: auto; max-width: 280px; max-height: 196px;}
.case-list li a{padding:0;}
.case-list li .name{ height: 65px; line-height: 65px; }
.article-wrap,.cont-wrap,.service-wrap{padding:50px 35px;border:solid 1px #EBEBEB; border-top:none; line-height: 30px;margin-bottom:50px;}
.cont-wrap{padding:15px 35px 0;}
.article-wrap .pic{ width: 492px;max-width: 100%; float: left;margin-right: 35px; }
.article-wrap p{ text-indent: 2em }
.link-tit{border-bottom: solid 1px #E6E6E6;height: 74px;color:#ababab;font-size: 14px;}
.link-tit b{color:#1ab5d3;font-size: 24px;display: block;margin: 3px 0;}
.link-info {padding:50px 0; overflow:hidden}
.li-left{ font-size: 13px; line-height: 30px; color: #8b8b8b }
.li-code{text-align:center;color: #969696;margin-top: 20px;}
.li-code img{ width: 100px; display: block;margin:auto;}
.news-big{ border:solid 1px #E7E7E7;padding:35px 30px 35px 365px; position: relative; min-height: 262px;color:#6d6d6d; line-height:26px;}
.news-big .pic{ position: absolute; width: 298px; height: 192px; overflow: hidden; position: absolute;top:35px;left: 30px; }
.news-big .name{ padding:10px 0; font-size: 18px;color: #252525;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-big p{overflow:hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.news-big .show{ width:94px; height: 30px; background: #ECECEC; display: block; text-align: center; line-height: 30px;margin-top:20px; }
.news-list li{ position: relative;margin-top: 44px;padding-left: 105px; min-height: 70px;}
.news-list li .time{border:solid 1px #E6E6E6; width: 80px; height: 70px;padding:8px 0; text-align: center;color:#b9b9b9; position:absolute;top:0; left: 0}
.news-list li .time b{ display:block;margin:auto;color:#1b1b1b; font-size: 24px;}
.news-list li .name{color: #1f1f1f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; line-height: 22px;color:#1f1f1f;}
.news-list li a:hover .name{color: #1AB5D3}
.news-list li .txt{overflow:hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; line-height: 22px;color: #818181}
.service-wrap{padding:75px 40px 50px; line-height: 30px; display: block}
.service-wrap .ser-tit{ font-size: 24px; text-align: center;margin-bottom: 60px;}
.service-wrap .service-item{margin:60px -24px; overflow: hidden}
.service-wrap .service-item div{ width: 169px; height: 169px;float:left; position: relative;margin:0 24px; text-align: center}
.service-wrap .service-item div.s-01{ background:url(../images/service-01.png) no-repeat }
.service-wrap .service-item div.s-02{ background:url(../images/service-02.png) no-repeat }
.service-wrap .service-item div.s-03{ background:url(../images/service-03.png) no-repeat }
.service-wrap .service-item div.s-04{ background:url(../images/service-04.png) no-repeat }
.service-wrap .service-item p{ color: #FFF; position: absolute;bottom:10px; left: 0; width: 100%; font-size: 14px; }

/*商品轮播图*/
.con-r .col-md-6,.con-r.col-sm-9{position:initial !important;}
.tb-gallery {width:410px;height:520px;margin-left: -5px;margin-top: 40px;}
/*图片放大镜样式*/
.jqzoom{border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display: table-cell;text-align: center;width: 408px;height: 408px;vertical-align: middle;}
.tb-gallery img{max-width: 408px;max-height: 408px;px;width: auto;vertical-align: middle;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:420px;height:420px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff ;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
/*图片小图预览列表*/
.spec-preview{width:410px;height:410px;border:1px solid #DFDFDF;}
.spec-scroll{clear:both;margin-top:10px;width:100%;}
.spec-scroll .prev{float:left;margin-right:4px;background-position:left center}
.spec-scroll .next{float:right; background-position:right center}
.spec-scroll .prev,.spec-scroll .next{display:block;width: 20px;height: 80px;background-image:url(../images/arrow-01.jpg);background-repeat: no-repeat;cursor:pointer;}
.spec-scroll .items{float:left;position:relative;width: 353px;height: 80px;overflow:hidden;margin-left: 5px}
.spec-scroll .items ul{position:absolute;width:999999px;height:59px;}
.spec-scroll .items ul li{float:left;width:90px;height: 80px;text-align:center;cursor:pointer;}
.spec-scroll .items ul li p{width:80px;height: 80px;text-align:center;display: table-cell;vertical-align: middle;border: solid 1px #E5E5E5;}
.spec-scroll .items ul li img{max-width: 78px;max-height: 78px;width: auto;}

.pro-info{margin-top:40px;}
.pro-info .name{ font-size: 22px;color: #1ab5d3;margin:10px 0 20px;}
.pro-info .info{ font-size: 13px;color:#808080 }
.pro-info .info p{margin-bottom:25px;}
.pro-info .info p span{color: #2a2a2a}
.pro-info .contact{margin-top:40px;margin-bottom:30px;}
.pro-info .contact i{float: left;height: 44px;width: 45px;display: block;margin: 5px 13px 0 0;background: url(../images/icon.png) no-repeat 0 -23px;}
.pro-info .contact b{display: block;font-size: 28px;}
.pro-detail{margin:32px 0;}
.pro-detail .tit{ position: relative; font-size: 16px;color: #1ab5d3;border-left: solid 4px #1ab5d3; height: 19px; line-height: 19px;margin-bottom:20px;}
.pro-detail .tit b{ position: relative; z-index: 2; background:#FFF;padding:0 10px;}
.pro-detail .tit:after{content: ""; height: 1px; position: absolute;width:100%; top:50%; left: 0; background:#F0F0F0; }


/**选型计算**/
.red { color:#FF0000; }
.Tech-content .subtitle { margin: 20px 0; font-size: 20px; }
.Tech-content .tech-box1 label { font-weight: normal; }
.Tech-content .tech-box1 .form-group { padding-right: 20px; }
.Tech-content .tech-box1 .radio { display: block;  } 
.Tech-content .tech-box1 .radio b { font-weight: bold; padding-right: 10px; }
.Tech-content .tech-box1 .radio .txt { width: 70px; height: 25px; line-height: 25px; display: inline-block; vertical-align:middle; margin-right: 10px; background: #E0E0E0; text-align: center; color:#1AB5D3;  }
.Tech-content .tech-box1 .col-md-6 { margin-bottom: 15px; overflow: hidden; padding:0; }
.Tech-content .tech-box1 .col-md-6:nth-child(odd) { padding-right: 30px; }
.Tech-content .tech-box1 .col-md-6:nth-child(even) { padding-left: 30px; }
.Tech-content .result { font-size: 20px; }
.Tech-content .result em { color:#1AB5D3; margin-right: 20px; }
.Tech-content .result span { width: 120px; display: inline-block; height:36px; line-height: 34px; text-align: center; border:solid 2px #1AB5D3; }
.Tech-content .tech-box2 .form-group { margin-bottom: 15px; }
.Tech-content .tech-box2 .col-md-8 { border-left:solid 1px #ddd; }
.Tech-content .tech-box2 .form-horizontal .control-label { text-align: left; font-weight: normal; }
.numbox { border:solid 1px #ddd; }
.numbox .name { background: #f8f8f8; text-align: center; padding: 6px 10px; margin-bottom: 10px; color:#fff; background:#1AB5D3; }
.numbox .form-group { padding: 0 15px; }
.Tech-content  .form-group .ziti span { font-size: 16px; font-weight: bold; }
.listbox { padding: 20px; }
.listbox li { width: 33.33%; float: left; text-align: center; margin: 20px 0; }
.listbox li img { width: 46px; margin-bottom: 8px; }
.listbox li span { display: block; }


@media (max-width:978px){
.Tech-content .tech-box1 .col-md-6:nth-child(odd),.Tech-content .tech-box1 .col-md-6 { padding-right: 0; }
.Tech-content .tech-box1 .col-md-6:nth-child(even),.Tech-content .tech-box1 .col-md-6 { padding-left: 0; }
}
@media (max-width:800px){
.Tech-content .tech-box1 .form-group { padding-right: 0; }
}
@media (max-width:768px){
.Tech-content .tech-box1 .radio label { padding-left: 0; }
.Tech-content .tech-box1 .radio b { padding-right: 30px; }
.Tech-content .tech-box2 .form-group label {text-align: left; }
.Tech-content .tech-box2 .form-group label,.Tech-content .tech-box2 .form-group .col-sm-5,.Tech-content .tech-box2 .form-group .col-sm-7 { width: 100%; padding:0;  }
.Tech-content .tech-box2 .col-md-8 { border-left:0; }
}