::-webkit-scrollbar{width:0}
html{overflow:unset!important}
body{font-family:Ubuntu,Arial,sans-serif;line-height:1.5;color:#333}
ol,ul{margin:0;padding:0;list-style:none}
figure{margin:0}
a{color:#333;-webkit-transition:all .3s ease-in 0s;-moz-transition:all .3s ease-in 0s;-o-transition:all .3s ease-in 0s;transition:all .3s ease-in 0s}
iframe{border:0}
a,a:focus,a:hover{text-decoration:none;outline:0}
a:focus,a:hover{color:#007de0}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;text-transform:capitalize;font-weight:550}
.kill-margin-bottom{margin-bottom:0!important}
.btn{background-color:transparent;color:#666;padding:10px 30px;border-radius:0;margin-top:15px;-webkit-transition:all .5s ease-in 0s;-moz-transition:all .5s ease-in 0s;-o-transition:all .5s ease-in 0s;transition:all .5s ease-in 0s}
.btn:focus{color:#ddd}
.btn-green{background-color:#007de0}
.btn-green:focus,.btn-green:hover{background-color:#2f383d;color:#fff}
.btn-transparent{border:1px solid #4e595f}
.btn-transparent:focus{background-color:transparent;border-color:#007de0}
.btn-transparent:hover{background-color:#007de0;border:1px solid transparent;color:#fff}
.form-control{background-color:#2f383d;border-radius:0;padding:5px 10px;border:0 none;color:#ddd}
.form-control:focus{box-shadow:0 0 0}
.form-control::-webkit-input-placeholder{color:#ddd}
.form-control:-ms-input-placeholder{color:#ddd}
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden}
#loading-mask{background:#f1f6fb;height:100%;left:0;opacity:1;filter:alpha(opacity=100);position:fixed;text-align:center;top:0;width:100%;z-index:9999}
.loading-img{height:100%;left:0;position:fixed;top:50%;width:100%}
.border{border-top:1px solid #666;height:1px;margin:15px auto 0;position:relative;width:35%}
.border:before{background-color:#666;border:1px ridge #666;content:"";height:10px;left:50%;margin-left:-20px;position:absolute;top:-5px;width:40px}
.title{padding-bottom:60px}
.title h2{text-transform:uppercase;font-weight:700;font-size:38px;color:#333}
.color{color:#007de0}
.sub-title{padding:0 0 20px}
.sub-title>h3{border-left:3px solid #ddd;border-right:3px solid #ddd;display:inline-block;padding:5px 25px;text-transform:uppercase}
.btn.active:focus,.btn:active:focus,.btn:focus{outline:0}
footer{clear:both;margin:30px auto 0;padding:0}
.bg-one{background-color:#fafafa}
.parallax-section{background-attachment:fixed!important;background-position:center center;background-repeat:no-repeat;background-size:cover}
#home{position:relative}
#slitSlider .carousel-caption{padding:0;display:table;height:100%;width:100%;min-height:100%;left:0;top:0;z-index:11;background-color:rgba(0,0,0,.5)}
#slitSlider .carousel-caption a{font-size:18px}
#slitSlider .carousel-caption>div{vertical-align:middle;display:table-cell}
#slitSlider .carousel-caption h2{color:#fff;font-family:Oswald,sans-serif;font-size:70px;font-weight:700;margin-bottom:40px;text-transform:uppercase}
#slitSlider .carousel-caption h3{color:#fff;font-family:Oswald,sans-serif;font-size:40px;font-weight:700;margin-bottom:59px}
.navbar-inverse{background-color:#fff;width:100%;z-index:1024;border-color:#fff!important}
.navbar{border-bottom:1px solid #fff;margin-bottom:0}
.navbar-brand{height:auto;padding:8px 0}
.navbar-brand h1{margin:0}
.navbar-inverse .navbar-nav>li>a{color:#333;font-size:14px;line-height:26px;padding:20px 15px;-webkit-transition:background .5s ease-in-out 0s;-moz-transition:background .5s ease-in-out 0s;-o-transition:background .5s ease-in-out 0s;transition:background .5s ease-in-out 0s}
.navbar-inverse .navbar-nav>li.current>a{color:#007de0;background-color:#2f3238}
.navbar-inverse .navbar-nav>li>a:hover{color:#007de0}
#about{padding:70px 0}
.icon-box{position:relative;width:160px;height:92.38px;background-color:transparent;margin:46.19px auto 60px;padding:20px 0;border-left:solid 3px #666;border-right:solid 3px #666;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;-moz-transition-property:transform;-o-transition-property:transform;transition-property:transform}
.icon-box img{margin-top:-20px;width:85px}
.icon-box:hover{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px)}
.icon-box:after,.icon-box:before{content:"";position:absolute;z-index:1;width:113.14px;height:113.14px;background-color:inherit;left:20.4315px;-webkit-transform:scaleY(.5774) rotate(-45deg);-moz-transform:scaleY(.5774) rotate(-45deg);-ms-transform:scaleY(.5774) rotate(-45deg);-o-transform:scaleY(.5774) rotate(-45deg);transform:scaleY(.5774) rotate(-45deg)}
.icon-box:before{top:-56.5685px;border-top:solid 4.2426px #666;border-right:solid 4.2426px #666}
.icon-box:after{bottom:-56.5685px;border-bottom:solid 4.2426px #666;border-left:solid 4.2426px #666}
#main-features{padding:70px 0}
.feature-media{margin-bottom:30px}
.feature-desc a{margin-right:20px}
#counter{background-image:url(../image/city.jpg);padding:70px 0}
.counters-item{border:1px solid #aaa;padding-bottom:30px;color:#ddd}
.counters-item>div{margin:10px 0}
.counters-item span{display:inline;font-family:Oswald,sans-serif;font-size:35px;line-height:50px}
.counters-item i{margin-bottom:15px}
.counters-item h3,.counters-item .h3{font-family:Ubuntu,sans-serif;font-size:20px;margin:0;font-weight: 600;}
#services{padding:70px 0 100px}
#services .title{padding-bottom:125px}
.service-block{padding:50px 20px;border-left:1px solid #e4e4e4;border-top:1px solid #e4e4e4;margin-bottom:40px;-webkit-box-shadow:2px 2px 5px rgba(80,80,80,.3),13px 13px 0 rgba(256,256,256,.7);-moz-box-shadow:2px 2px 5px rgba(80,80,80,.3),13px 13px 0 rgba(256,256,256,.7);box-shadow:2px 2px 5px rgba(80,80,80,.3),13px 13px 0 rgba(256,256,256,.7)}
.service-block1{padding:0;border-left:1px solid #4e595f;border-top:1px solid #4e595f;margin-bottom:40px;-webkit-box-shadow:2px 2px 5px rgba(80,80,80,.3),13px 13px 0 rgba(256,256,256,.7);-moz-box-shadow:2px 2px 5px rgba(80,80,80,.3),13px 13px 0 rgba(256,256,256,.7);box-shadow:2px 2px 5px rgba(80,80,80,.3),13px 13px 0 rgba(256,256,256,.7)}
.service-block2 h3,.service-block2 .h3{font-size:18px}
.service-block2 p{font-size:16px}
.service-icon{margin-bottom:40px}
.service-block h3{text-transform:uppercase}
#showcase{padding:75px 0}
.portfolio-filter{margin-bottom:15px}
.portfolio-filter ul li{display:inline}
.portfolio-filter ul li a{color:#ddd;display:inline-block;font-size:14px;margin:0 10px;padding:5px 15px;position:relative}
.portfolio-filter ul li a::before{position:absolute;top:0;left:0;width:100%;height:2px;background:#63b670;content:'';-webkit-transition:top .3s;-moz-transition:top .3s;-o-transition:top .3s;transition:top .3s}
.portfolio-filter ul li a::after{position:absolute;top:0;left:0;width:2px;height:2px;background:#63b670;content:'';-webkit-transition:height .3s;-moz-transition:height .3s;-o-transition:height .3s;transition:height .3s}
.portfolio-filter ul li a:hover::before{top:100%;opacity:1}
.portfolio-filter ul li a:hover::after{height:100%}
.og-grid .mix>a{display:block;overflow:hidden;position:relative}
.og-grid .mix a img{-webkit-transition:all .6s ease 0s;-moz-transition:all .6s ease 0s;-o-transition:all .6s ease 0s;transition:all .6s ease 0s}
.og-grid .mix a:hover img{-webkit-transform:scale(1.4) rotate(15deg);-moz-transform:scale(1.4) rotate(15deg);-ms-transform:scale(1.4) rotate(15deg);-o-transform:scale(1.4) rotate(15deg);transform:scale(1.4) rotate(15deg)}
.hover-mask{top:0;left:0;width:100%;height:100%;position:absolute;background-color:rgba(43,44,48,.8);opacity:0;filter:alpha(opacity=0);-webkit-transition:all .6s ease-out 0s;-moz-transition:all .6s ease-out 0s;-o-transition:all .6s ease-out 0s;transition:all .6s ease-out 0s;-webkit-transform:rotateY(180deg) scale(.5,.5);-moz-transform:rotateY(180deg) scale(.5,.5);-ms-transform:rotateY(180deg) scale(.5,.5);-o-transform:rotateY(180deg) scale(.5,.5);transform:rotateY(180deg) scale(.5,.5)}
.hover-mask h3,.hover-mask .h3{color:#ddd;font-size:20px;position:relative;text-transform:uppercase;top:110px}
.hover-mask span{border:2px solid #ddd;border-radius:50px;color:#ddd;display:inline-block;height:50px;left:42%;padding:11px 0;position:absolute;text-align:center;top:22%;width:50px}
.og-grid .mix a:hover .hover-mask{opacity:1;filter:alpha(opacity=100);-webkit-transform:rotateY(0) scale(1,1);-moz-transform:rotateY(0) scale(1,1);-ms-transform:rotateY(0) scale(1,1);-o-transform:rotateY(0) scale(1,1);transform:rotateY(0) scale(1,1)}
#team-skills{padding:70px 0;background-image:url(../image/skills.jpg);color:#ddd}
#team-skills .title .border{border-top:1px solid #aaa}
#team-skills .title .border:before{background-color:#aaa;border:1px ridge #aaa}
#team-skills .title h2{color:#fff}
.skill-chart>h3,.skill-chart>.h3{border-bottom:1px solid;margin:25px 0 15px;padding-bottom:10px;font-weight: 600;}
.skill-chart>h3 a,.skill-chart>.h3 a{color:#fff}
.chart{display:block;position:relative}
.percent{display:inline-block;font-size:1.6em;height:150px;line-height:150px;text-align:center;width:150px;z-index:2}
.chart canvas{left:50%;margin-left:-75px;position:absolute;top:0}
.percent:after{content:'%';margin-left:.1em;font-size:.8em}
#our-team{padding:70px 0}
.about-team{color:#fff;padding-bottom:40px}
.about-team .title h1{color:#fff}
.team-mate{background-color:#fff;border:1px solid #eee}
.member-photo{overflow:hidden;position:relative}
.member-photo img{-webkit-transition:all .6s ease 0s;-moz-transition:all .6s ease 0s;-o-transition:all .6s ease 0s;transition:all .6s ease 0s}
.member-photo:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}
.member-title{border-bottom:1px solid #4e595f;padding:10px 15px}
.member-photo .mask{background-color:rgba(43,44,48,.8);position:absolute;text-align:center;height:100%;width:100%;left:0;top:0;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .6s ease-out 0s;-moz-transition:all .6s ease-out 0s;-o-transition:all .6s ease-out 0s;transition:all .6s ease-out 0s;-webkit-transform:rotateY(180deg) scale(.5,.5);-moz-transform:rotateY(180deg) scale(.5,.5);-ms-transform:rotateY(180deg) scale(.5,.5);-o-transform:rotateY(180deg) scale(.5,.5);transform:rotateY(180deg) scale(.5,.5)}
.member-photo:hover .mask{cursor:pointer;opacity:1;filter:alpha(opacity=100);-webkit-transform:rotateY(0) scale(1,1);-moz-transform:rotateY(0) scale(1,1);-ms-transform:rotateY(0) scale(1,1);-o-transform:rotateY(0) scale(1,1);transform:rotateY(0) scale(1,1)}
.team-mate h3,.team-mate .h3{font-family:Ubuntu,sans-serif;font-size:20px;margin:0 0 5px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.member-info{padding:15px}
.mask ul{text-align:center;position:relative;top:125px}
.mask ul li{display:inline-block;margin-right:15px}
.mask ul li a{border:1px solid #ddd;border-radius:4px;color:#fff;display:block;font-size:20px;height:35px;line-height:35px;text-align:center;width:35px}
.mask ul li a:hover{background-color:#007de0;border:1px solid transparent}
#twitter-feed{background-image:url(https://www.jbe-electronics.com/images/m178/img/parallax/twitter.jpg);padding-bottom:100px;padding-top:80px}
.twitter-bird span{border:2px solid #007de0;border-radius:50px;color:#007de0;display:inline-block;margin-bottom:50px;height:90px;width:90px}
.twitter-bird span i{line-height:90px}
.tweet{margin-bottom:10px}
.tweet a{color:#007de0}
#pricing{padding:70px 0}
.pricing{background-color:#f1f6fb}
.price-title{background-color:#f1f6fb;padding:30px 0 20px}
.price-title>h3{color:#007de0;font-family:Oswald;font-weight:700;margin:0 0 10px;text-transform:uppercase}
.price-title>p{font-size:18px;font-weight:400}
.price-title .value{color:#007de0;font-size:30px}
.pricing li{border-top:2px solid #3f4045;font-weight:400;padding:10px 0}
.pricing li:last-child{border-bottom:2px solid #3f4045}
.pricing li:nth-child(2n){background-color:#2f3035}
.pricing a.btn{text-transform:uppercase;margin:20px 0}
#testimonial{background-image:url(../image/bicycle.jpg);padding:70px 0;color:#fff}
#testimonials .owl-wrapper-outer{top:-25px}
.client-info{margin:0 auto;width:70%}
.client-thumb img{border-radius:50%;margin:0 auto;max-width:115px;width:100%}
.client-meta{margin:0 0 10px}
.client-meta h3{font-family:Ubuntu,sans-serif;font-size:20px;margin:15px 0 5px 0}
.client-meta span{font-size:12px}
.client-comment .social-profile{text-align:center}
.client-comment .social-profile li{display:inline-block;margin:0 6px 0 0}
.social-profile ul li{float:left;margin:0 6px 0 0}
.social-profile a{color:#4e595f;display:block}
.social-profile li a i{line-height:33px}
.social-profile li a:hover{color:#007de0}
.owl-buttons,.owl-pagination{text-align:center}
.owl-controls .owl-page{display:inline-block}
.owl-controls .owl-page span{background-color:transparent;border:2px solid #fff;border-radius:50px;display:block;height:13px;margin:0 4px;width:13px;opacity:1;filter:alpha(opacity=100)}
.owl-controls .owl-page.active span,.owl-controls .owl-page:hover span{background-color:#007de0;border:2px solid transparent}
.our-clients{margin:30px 0 0}
#our-clietns .item img{max-width:150px;width:100%}
#our-clietns .owl-next,#our-clietns .owl-prev{border:1px solid #ddd;border-radius:50px;display:inline-block;margin:45px 0 0;padding:3px 15px;position:relative;text-align:center}
#our-clietns .owl-next i,#our-clietns .owl-prev i{line-height:34px}
#our-clietns .owl-prev{margin-right:15px}
#our-clients .item{margin:10px}
#blog{padding-bottom:110px;padding-top:70px}
.note{background-color:#323338;border:1px solid #4e595f}
.note .media-wrapper{border-bottom:1px solid #4e595f}
.note .excerpt{padding:0 10px 20px}
.note .excerpt h3{font-size:20px;line-height:1.5;text-transform:capitalize}
.all-post{margin-top:50px}
#contact-us{padding:70px 0 0}
.contact-form{margin-bottom:40px}
.contact-form .form-control{background-color:transparent;border:1px solid #4e595f;height:38px}
#contact-submit:hover,.contact-form input:hover,.contact-form textarea:hover{border-color:#007de0}
#contact-submit{border:1px solid #4e595f;padding:12px 0;width:100%;margin:0}
.contact-form textarea.form-control{padding:10px;height:120px}
.contact-info p{margin-bottom:25px}
.con-info{margin-bottom:20px}
.con-info i,.con-info span{float:left}
.con-info span{margin:-5px 0 0 15px}
.error{display:none;padding:10px;color:#d8000c;border-radius:4px;font-size:13px;background-color:#ffbaba}
.success{background-color:#007de0;border-radius:4px;color:#fff;display:none;font-size:13px;padding:10px}
#map-canvas{width:100%}
.social-iconin ul{margin:20px auto;text-align:center}
.social-iconin ul li{text-align:center;display:inline-block}
.social-iconin ul li a{padding:0 20px;color:#fff;}
.clearfix{clear:both}
.copyright{padding:20px 0;color:#666;font-size:12px}
.copyright>img{margin-bottom:15px}
#scrollUp{border:1px solid #4e595f;bottom:15px;color:#fff;display:none;padding:8px 12px;position:fixed;right:20px;z-index:600}
#scrollUp:hover{background-color:#007de0;border:1px solid #007de0}
#blog-banner{padding-bottom:100px;padding-top:150px}
.blog-icon{border:1px solid #007de0;border-radius:50%;color:#007de0;display:inline-block;padding:16px 20px}
.blog-title h1{text-transform:uppercase}
#blog-page{margin:0 0 40px}
.post-item .entry{border:1px solid #4e595f;margin-bottom:30px}
.entry .post-excerpt{padding:0 20px}
#gallery-post .owl-next,#gallery-post .owl-prev,#post-thumb .owl-next,#post-thumb .owl-prev{padding:5px 17px;position:absolute;top:45%;-webkit-transition:all .5s ease-in 0s;-moz-transition:all .5s ease-in 0s;-o-transition:all .5s ease-in 0s;transition:all .5s ease-in 0s}
#gallery-post .owl-prev,#post-thumb .owl-prev{left:-45px}
#gallery-post .owl-next,#post-thumb .owl-next{right:-45px}
#gallery-post:hover .owl-prev,#post-thumb:hover .owl-prev{left:0}
#gallery-post:hover .owl-next,#post-thumb:hover .owl-next{right:0}
#gallery-post,#post-thumb{overflow-x:hidden}
#post-thumb .owl-buttons{color:#fff}
.post-meta{background-color:#3d444a;border-top:1px solid #4e595f;font-size:13px;margin:20px 0 0;padding:0 20px 10px}
.post-meta>span{border-right:1px solid #4e595f;display:inline-block;font-size:12px;margin:10px 10px 0 0;padding-right:10px}
.post-meta>span:last-child{border-right:0}
.post-meta>span>i{margin-right:5px}
.post-meta a:hover{color:#007de0}
.post-excerpt .more{margin-top:20px}
.post-excerpt .more a{display:inline-block;font-size:13px;padding:10px 25px}
.post-excerpt .more a:hover{background-color:#007de0;color:#fff}
aside.widget{margin-bottom:25px}
.widget-title>h3{color:#fff;margin-bottom:15px;margin-top:0;position:relative}
#search-form{position:relative}
#search-submit{background:0 0;border:0;color:#c8c8ca;display:block;font-size:16px;height:32px;outline:0;position:absolute;right:0;text-align:center;top:0;width:32px}
.widget-content .tab-content{background-color:#2f383d;padding:20px}
.tab-post-nav{background-color:#4a535a}
.tab-post-nav li{float:left}
.tab-post-nav li.active a{border-top:3px solid #007de0;background-color:#2f383d;color:#007de0}
.tab-pane.active .clearfix:first-child{margin-bottom:25px}
.tab-excerpt>span{display:block;font-size:12px;margin-bottom:10px}
.tab-excerpt h4 a{color:#fff}
.tab-excerpt h4 a:hover{color:#007de0}
.tab-post-nav li a{border-top:3px solid transparent;color:#fff;display:block;padding:13px 18px;text-align:center}
.categories li{margin-bottom:10px;-webkit-transition:all .5s ease-in 0s;-moz-transition:all .5s ease-in 0s;-o-transition:all .5s ease-in 0s;transition:all .5s ease-in 0s}
.categories>li:hover a{padding-left:10px;color:#007de0}
.categories>li:last-child{border-bottom:0}
.categories li a{padding-left:5px}
.widget-content .tag{background-color:#2f383d;color:#fff;display:inline-block;margin-bottom:10px;margin-right:5px;padding:5px 13px}
.widget-content .tag:hover{background-color:#007de0;color:#fff}
.post-pagination{display:inline-block;margin-bottom:20px}
.post-pagination ul li{margin-right:5px;float:left}
.post-pagination ul li:last-child{margin-right:0}
.post-pagination ul li.disabled a{cursor:not-allowed}
.post-pagination ul li.disabled a:hover{background-color:#2e373c;color:#9aa8b3}
.post-pagination ul li a{background-color:#30393e;color:#9aa8b3;display:block;padding:8px 18px}
.post-pagination ul li a:hover,.post-pagination ul li.active a{background-color:#007de0;color:#fff}
.single-blog{background-color:#fff;margin-bottom:50px;padding:20px}
blockquote{border-left:5px solid #007de0;font-style:italic;line-height:22px;margin:20px 0}
.next-prev{border-bottom:1px solid #4e595f;border-top:1px solid #4e595f;margin:20px 0;padding:15px 0 10px}
.next-prev a:hover{color:#007de0}
.prev-post i{float:left;margin-right:10px;margin-top:-4px}
.next-post i{float:right;margin-left:10px;margin-top:-3px}
.post-author{margin-right:20px}
.post-author>img{border:1px solid #4e595f;max-width:120px;padding:5px;width:100%}
.author-about>h4,.comment-reply-form>h3,.comments>h4{border-bottom:1px solid #4e595f;margin-bottom:15px;margin-top:0;padding-bottom:10px;position:relative}
.author-bio h5{display:inline-block}
.post-item .comments-section{margin-top:35px}
.comment-list ul{margin-top:20px}
.comment-list li{margin-bottom:20px}
.comment-wrap{border:1px solid #4e595f;border-radius:1px;margin-left:20px;padding:10px;position:relative}
.comment-wrap .author-avatar{margin-left:-25px;margin-right:20px}
.author-comment{margin-bottom:15px;overflow:hidden}
.author-comment cite a:hover,.replay:hover{color:#007de0;text-decoration:underline}
.author-comment cite{margin-bottom:2px;padding-top:4px}
.comment-content{margin-left:45px}
.comment-list ul li{padding-left:25px}
.comment-reply-form{margin-top:80px}
#comment-form{margin-top:35px}
#comment-form .form-control:hover{border-color:#007de0}
.form-group:last-child,.form-group:last-child input{margin:0}
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}
.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height .5s ease-in-out;-moz-transition:height .5s ease-in-out;-ms-transition:height .5s ease-in-out;-o-transition:height .5s ease-in-out;transition:height .5s ease-in-out}
.owl-carousel .owl-item{float:left}
.owl-controls .owl-buttons div,.owl-controls .owl-page{cursor:pointer}
.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.grabbing{cursor:url(https://www.jbe-electronics.com/images/m178/blue/grabbing.png) 8 8,move}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-origin{-webkit-perspective:1200px;-webkit-perspective-origin-x:50%;-webkit-perspective-origin-y:50%;-moz-perspective:1200px;-moz-perspective-origin-x:50%;-moz-perspective-origin-y:50%;perspective:1200px}
.owl-fade-out{z-index:10;-webkit-animation:fadeOut .7s both ease;-moz-animation:fadeOut .7s both ease;animation:fadeOut .7s both ease}
.owl-fade-in{-webkit-animation:fadeIn .7s both ease;-moz-animation:fadeIn .7s both ease;animation:fadeIn .7s both ease}
.owl-backSlide-out{-webkit-animation:backSlideOut 1s both ease;-moz-animation:backSlideOut 1s both ease;animation:backSlideOut 1s both ease}
.owl-backSlide-in{-webkit-animation:backSlideIn 1s both ease;-moz-animation:backSlideIn 1s both ease;animation:backSlideIn 1s both ease}
.owl-goDown-out{-webkit-animation:scaleToFade .7s ease both;-moz-animation:scaleToFade .7s ease both;animation:scaleToFade .7s ease both}
.owl-goDown-in{-webkit-animation:goDown .6s ease both;-moz-animation:goDown .6s ease both;animation:goDown .6s ease both}
.owl-fadeUp-in{-webkit-animation:scaleUpFrom .5s ease both;-moz-animation:scaleUpFrom .5s ease both;animation:scaleUpFrom .5s ease both}
.owl-fadeUp-out{-webkit-animation:scaleUpTo .5s ease both;-moz-animation:scaleUpTo .5s ease both;animation:scaleUpTo .5s ease both}
@-webkit-keyframes empty{
0%{opacity:1}
}
@-moz-keyframes empty{
0%{opacity:1}
}
@keyframes empty{
0%{opacity:1}
}
@-webkit-keyframes fadeIn{
0%{opacity:0}
100%{opacity:1}
}
@-moz-keyframes fadeIn{
0%{opacity:0}
100%{opacity:1}
}
@keyframes fadeIn{
0%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes fadeOut{
0%{opacity:1}
100%{opacity:0}
}
@-moz-keyframes fadeOut{
0%{opacity:1}
100%{opacity:0}
}
@keyframes fadeOut{
0%{opacity:1}
100%{opacity:0}
}
@-webkit-keyframes backSlideOut{
25%{opacity:.5;-webkit-transform:translateZ(-500px)}
75%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)}
100%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)}
}
@-moz-keyframes backSlideOut{
25%{opacity:.5;-moz-transform:translateZ(-500px)}
75%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)}
100%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)}
}
@keyframes backSlideOut{
25%{opacity:.5;transform:translateZ(-500px)}
75%{opacity:.5;transform:translateZ(-500px) translateX(-200%)}
100%{opacity:.5;transform:translateZ(-500px) translateX(-200%)}
}
@-webkit-keyframes backSlideIn{
0%,25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%)}
75%{opacity:.5;-webkit-transform:translateZ(-500px)}
100%{opacity:1;-webkit-transform:translateZ(0) translateX(0)}
}
@-moz-keyframes backSlideIn{
0%,25%{opacity:.5;-moz-transform:translateZ(-500px) translateX(200%)}
75%{opacity:.5;-moz-transform:translateZ(-500px)}
100%{opacity:1;-moz-transform:translateZ(0) translateX(0)}
}
@keyframes backSlideIn{
0%,25%{opacity:.5;transform:translateZ(-500px) translateX(200%)}
75%{opacity:.5;transform:translateZ(-500px)}
100%{opacity:1;transform:translateZ(0) translateX(0)}
}
@-webkit-keyframes scaleToFade{
to{opacity:0;-webkit-transform:scale(.8)}
}
@-moz-keyframes scaleToFade{
to{opacity:0;-moz-transform:scale(.8)}
}
@keyframes scaleToFade{
to{opacity:0;transform:scale(.8)}
}
@-webkit-keyframes goDown{
from{-webkit-transform:translateY(-100%)}
}
@-moz-keyframes goDown{
from{-moz-transform:translateY(-100%)}
}
@keyframes goDown{
from{transform:translateY(-100%)}
}
@-webkit-keyframes scaleUpFrom{
from{opacity:0;-webkit-transform:scale(1.5)}
}
@-moz-keyframes scaleUpFrom{
from{opacity:0;-moz-transform:scale(1.5)}
}
@keyframes scaleUpFrom{
from{opacity:0;transform:scale(1.5)}
}
@-webkit-keyframes scaleUpTo{
to{opacity:0;-webkit-transform:scale(1.5)}
}
@-moz-keyframes scaleUpTo{
to{opacity:0;-moz-transform:scale(1.5)}
}
@keyframes scaleUpTo{
to{opacity:0;transform:scale(1.5)}
}
#og-grid>.mix{display:none}
.og-grid{list-style:none;padding:20px 0;margin:0 auto;text-align:center;width:77%}
.og-grid li{display:inline-block;margin:0 0 3px 0;vertical-align:top;height:250px;width:300px}
.og-grid li>a,.og-grid li>a img{border:none;outline:0;display:block;position:relative;max-width:100%;height:250px}
.og-grid li.og-expanded>a::after{top:auto;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-bottom-color:#43464b;border-width:15px;left:50%;margin:-20px 0 0 -15px}
.og-expander{position:absolute;background-color:rgba(242,242,242,.1);top:auto;left:0;width:100%;margin-top:10px;text-align:left;height:0;overflow:hidden}
.og-expander-inner{padding:50px 30px;height:100%;color:#ddd}
.og-close{position:absolute;width:40px;height:40px;top:20px;right:20px;cursor:pointer}
.og-close::after,.og-close::before{content:'';position:absolute;width:100%;top:50%;height:1px;background:#888;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}
.og-close::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}
.og-close:hover::after,.og-close:hover::before{background:#fff}
.og-details,.og-fullimg{width:50%;float:left;height:100%;overflow:hidden;position:relative}
.og-details{padding:0 40px 0 20px}
.og-fullimg{text-align:center}
.og-fullimg img{display:inline-block;max-height:100%;max-width:100%}
.og-details h3{font-size:28px;font-weight:300;margin-bottom:10px;padding:40px 0 10px;text-transform:capitalize}
.og-details p{font-weight:400;font-size:inherit;line-height:22px;color:inherit}
.og-details a{font-size:16px;color:#999;text-transform:capitalize;padding:10px 20px;border:2px solid #999;display:inline-block;margin:30px 0 0;outline:0}
.og-details a::before{content:'\2192';display:inline-block;float:right;margin-left:10px}
.og-details a:hover{border-color:#ddd;color:#ddd}
.og-loading{width:20px;height:20px;border-radius:50%;background:#ddd;box-shadow:0 0 1px #ccc,15px 30px 1px #ccc,-15px 30px 1px #ccc;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;-webkit-animation:loader .5s infinite ease-in-out both;-moz-animation:loader .5s infinite ease-in-out both;animation:loader .5s infinite ease-in-out both}
@-webkit-keyframes loader{
0%{background:#ddd}
33%{background:#ccc;box-shadow:0 0 1px #ccc,15px 30px 1px #ccc,-15px 30px 1px #ddd}
66%{background:#ccc;box-shadow:0 0 1px #ccc,15px 30px 1px #ddd,-15px 30px 1px #ccc}
}
@-moz-keyframes loader{
0%{background:#ddd}
33%{background:#ccc;box-shadow:0 0 1px #ccc,15px 30px 1px #ccc,-15px 30px 1px #ddd}
66%{background:#ccc;box-shadow:0 0 1px #ccc,15px 30px 1px #ddd,-15px 30px 1px #ccc}
}
@keyframes loader{
0%{background:#ddd}
33%{background:#ccc;box-shadow:0 0 1px #ccc,15px 30px 1px #ccc,-15px 30px 1px #ddd}
66%{background:#ccc;box-shadow:0 0 1px #ccc,15px 30px 1px #ddd,-15px 30px 1px #ccc}
}
@media screen and (max-width:830px){
.og-expander h3{font-size:32px}
.og-expander p{font-size:13px}
.og-expander a{font-size:12px}
}
@media screen and (max-width:650px){
.og-fullimg{display:none}
.og-details{float:none;width:100%}
}
ul.submenu{position:absolute;background:#f1f6fb;width:200px;display:none;border:1px solid #fff;border-top:none;top:67px}
ul.submenu li{height:30px;line-height:30px;font-size:16px;padding-left:15px;border-bottom:1px solid #fff;overflow:hidden}
ul.submenu li a{text-align:center;color:#333}
ul.submenu li a:hover{color:#007de0}
.inner-banner img{width:100%}
.sidebar{float:left;width:240px;padding-top:24px}
.main{padding:30px 0 0 270px}
.ctit h3{font-size:16px;color:#fff;line-height:42px;border:1px solid #007de0;text-transform:uppercase;margin-bottom:auto;padding-left:20px;margin-top:2px;background:#007de0}
.bPosition{background:#007de0;line-height:36px;padding:0 16px;color:#eee;margin-bottom:16px}
.bPosition a{color:#fff!important}
.pcon-box{display:inline-block}
.pcon_l{float:left}
.pcon_r{padding:0 16px 0 440px}
h1.pd-title{font-size:18px;font-weight:600;margin-top:0;color:#333;padding-top:15px;line-height:24px;border-top:1px solid #e4e2e2;text-transform:none;margin-bottom:20px}
.pcon_r .pcon_info{line-height:30px;color:333}
.pcon_r .p_more{line-height:48px;height:48px;padding:0 20px}
.pcon{padding-top:30px;width:100%}
.pcon .tit{height:40px;line-height:40px;padding-left:20px;background:#007de0;color:#fff;font-size:18px}
.pcon .pinfo{display:block;line-height:24px;padding:20px 20px 30px 20px}
.pcon .pinfo img{max-width:100%;margin:0 auto}
.acon{float:left;width:100%}
.acon .pinfo{display:block;line-height:24px;padding:20px 0 30px 20px}
.proIntro{color:#999;margin:0 0;padding:0;font-size:12px}
.prosubmenu li{float:left;width:32%;line-height:24px}
.prosubmenu{padding:3px 0 0 10px}
.sf-menu{display:table;width:240px;margin:0 auto 15px auto;padding-bottom:20px;border:5px solid #007de0;position:relative}
.sf-menu li{clear:both;border-bottom:1px solid #eee;position:relative}
.sf-menu li a,.sf-menu li:hover a{display:block;color:#666;line-height:24px;font-size:16px;background:url(https://www.jbe-electronics.com/images/m178/blue/pico.png) 3px 15px no-repeat;padding:9px 0 6px 14px}
.sf-menu li a:hover{background-color:#007de0;color:#fff}
.sf-menu li li{clear:both;text-transform:capitalize;margin:0 auto;position:relative;border-bottom:none;padding-bottom:0;background:#007de0}
.sf-menu li li.LiLevel2 a{background:url(https://www.jbe-electronics.com/images/m178/blue/icon01.gif) no-repeat 8px 11px;line-height:26px}
.sf-menu li li.LiProDetail a{width:200px}
.sf-menu li li a,.sf-menu li:hover li a{display:block;line-height:20px;color:#fff;padding:6px 0 4px 0;text-decoration:none;font-size:12px;padding-left:18px;font-weight:400}
.sf-menu li li a:hover{text-decoration:none;font-weight:700;color:#666;background:#fff;width:100%}
ul.sf-menu ul{display:none}
.sf-menu li:hover ul{display:block}
ul.sf-menu ul ul{position:absolute;left:220px;width:220px;top:0;margin:0;visibility:hidden;border:0;border-radius:0;border-left:0;z-index:999999}
.sf-menu li li li{background:#fff;padding:0}
.sf-menu li li:hover{opacity:1}
.sf-menu li li li a,.sf-menu li:hover li li a{text-decoration:none;background:url(https://www.jbe-electronics.com/images/m178/blue/ico_sort.png) #f2f2f2 no-repeat 8px 11px;border-bottom:1px solid #ddd;padding:5px 0 3px 12px;text-indent:8px}
ul.pro-menu{margin-top:-1px;margin:0;padding:0;text-transform:capitalize}
ul.sf-menu li:hover>ul{visibility:visible;margin:0;padding:0}
ul.sf-menu li.Level1>a{background:url(https://www.jbe-electronics.com/images/m178/blue/pico1.png) 3px 15px no-repeat}
.sf-menu1{display:table;width:240px;margin:0 auto;padding-bottom:20px;border:5px solid #007de0}
.sf-menu1 li{clear:both;border-bottom:1px solid #eee}
.sf-menu1 li a{display:block;color:#0a4da6;color:#fff;line-height:24px;font-size:16px;background:url(https://www.jbe-electronics.com/images/m178/blue/pico.png) 3px 15px no-repeat;padding:9px 0 6px 14px}
.sf-menu1 li a:hover{background-color:#007de0}
.sf-menu1 li li{clear:both;text-transform:capitalize;margin:0 auto;position:relative;border-bottom:none;padding-bottom:0}
.sf-menu1 li li.LiLevel2 a{background:url(https://www.jbe-electronics.com/images/m178/blue/icon01.gif) no-repeat 8px 11px;line-height:26px}
.sf-menu1 li li.LiProDetail a{background:url(https://www.jbe-electronics.com/images/m178/blue/ico_sort.png) no-repeat 8px 11px}
.sf-menu1 li li a{display:block;line-height:20px;color:#777;padding:2px 0 4px 0;text-decoration:none;font-size:12px;padding-left:18px;font-weight:400}
.sf-menu1 li li a:hover{text-decoration:none;font-weight:700;color:#fff}
.sf-menu1 li li:hover a{background:#007de0}
ul.sf-menu1 ul{visibility:visible}
ul.sf-menu1 ul ul{position:absolute;left:220px;width:220px;top:0;margin:0;visibility:hidden;border:0;border-radius:0;border-left:0;z-index:999999}
.sf-menu1 li li li{background:#fff;padding:0}
.sf-menu1 li li:hover{opacity:1}
.sf-menu1 li li li a,.sf-menu1 li:hover li li a{text-decoration:none;background:url(https://www.jbe-electronics.com/images/m178/blue/ico_sort.png) #f2f2f2 no-repeat 8px 11px;border-bottom:1px solid #ddd;padding:5px 0 3px 12px;text-indent:8px}
ul.pro-menu{margin-top:-1px;margin:0;padding:0;text-transform:capitalize}
ul.sf-menu1 li.Level1>a{background:url(https://www.jbe-electronics.com/images/m178/blue/pico1.png) 3px 15px no-repeat}
.sf-menu2{display:table;width:220px;margin:0 auto;padding-bottom:20px}
.sf-menu2 li{clear:both;border-bottom:1px solid #eee;position:relative}
.sf-menu2 li a,.sf-menu2 li:hover a{display:block;color:#0a4da6;color:#333;line-height:24px;font-size:16px;background:url(https://www.jbe-electronics.com/images/m178/blue/pico.png) 3px 15px no-repeat;padding:9px 0 6px 14px}
.sf-menu2 li a:hover{background-color:#f2f2f2}
.sf-menu2 li li{clear:both;text-transform:capitalize;margin:0 auto;position:relative;border-bottom:none;padding-bottom:0;border-bottom:1px solid #fff}
.sf-menu2 li li.LiLevel2 a{background:url(https://www.jbe-electronics.com/images/m178/blue/icon01.gif) no-repeat 8px 13;line-height:26px}
.sf-menu2 li li.LiProDetail a{background:url(https://www.jbe-electronics.com/images/m178/blue/ico_sort.png) no-repeat 8px 13px}
.sf-menu2 li li a,.sf-menu2 li:hover li a{display:block;line-height:20px;color:#777;padding:6px 0 4px 0;text-decoration:none;font-size:12px;padding-left:18px;font-weight:400}
.sf-menu2 li li a:hover{text-decoration:none;font-weight:700;color:#555}
ul.sf-menu2 ul{display:none}
.sf-menu2 li:hover ul{display:block}
ul.sf-menu2 ul{position:absolute;left:220px;width:220px;top:0;margin:0;visibility:hidden;border:0;border-radius:0;border-left:0;z-index:999999;background:#eee}
.sf-menu2 li li li{background:#fff;padding:0}
.sf-menu2 li li:hover{opacity:1}
.sf-menu2 li li li a,.sf-menu2 li:hover li li a{text-decoration:none;background:url(https://www.jbe-electronics.com/images/m178/blue/ico_sort.png) #f2f2f2 no-repeat 8px 11px;border-bottom:1px solid #ddd;padding:5px 0 3px 12px;text-indent:8px}
ul.pro-menu{margin-top:0;padding:0;text-transform:capitalize;left:231px;top:0;z-index:1024}
ul.sf-menu2 li:hover>ul{visibility:visible;margin:0;padding:0}
@media (max-width:640px){
ul.pro-menu{position:inherit;left:0}
.sf-menu li li.LiProDetail a{width:100%}
}
ul.sf-menu2 li.Level1>a{background:url(https://www.jbe-electronics.com/images/m178/blue/pico1.png) 3px 15px no-repeat}
.lsec{margin-top:10px;width:240px;border:5px solid #eee;padding:15px}
@media screen and (max-width:1266px){
.procate_tit{display:none}
.procatefenleiimg{display:none}
}
@media screen and (min-width:1004px){
.top .fl{min-width:690px;overflow:hidden}
.pro_lb1 li:nth-child(4n+5){clear:both}
}
@media screen and (max-width:1004px) and (min-width:960px){
.top .fl{float:none;clear:both;max-width:100%}
.col2{width:27%}
.col3{width:28%}
.pro_lb1 li{width:33.33%}
.pro_lb1 li:nth-child(3n+4){clear:both}
}
@media screen and (max-width:960px) and (min-width:640px){
.logo{float:none;width:100%;text-align:center}
.head-text,.top .fr .xyz{display:none}
.logo img{max-height:70px}
.prolist li{float:left;width:98%;height:200px;border:1px solid #dddada;margin:15px .8%}
.hotpro li{width:50%}
.lnew,.tnew{float:none;width:100%;clear:both}
#nav .fl,#nav .fr{display:block}
#nav ul{display:none;position:absolute;top:60px;left:0}
#nav{height:60px;position:relative}
.col1{width:50%}
.col2{width:262px;padding-right:15px;float:right}
.col3{padding-left:15px;clear:both}
.pro_lb1 li{width:50%}
.pro_lb1 li:nth-child(2n+3){clear:both}
.pcon_r{word-break:break-word}
.newslist li a{width:75%}
#nav li#liHome{border-left:0}
}
@media screen and (max-width:960px) and (min-width:700px){
.pcon_l{float:none;width:402px;margin:0 auto;overflow:hidden}
.pcon_r{padding-left:0}
.pcon_r .pcon_info,.pcon_r .pd-title{padding-left:20px}
.pcon_r .p_more{margin-left:20px}
.jqZoomPup,.zoomdiv{display:none!important}
.rnews li{float:none;display:block;width:100%;margin:0 auto}
.newcon .next,.newcon .prev{float:none;width:100%;margin:0 auto}
#nav li#liHome{border-left:0}
}
@media screen and (max-width:700px) and (min-width:480px){
.pcon_l{float:none;width:400px;margin:0 auto;overflow:hidden}
.pcon_r{padding-left:12px}
.jqZoomPup,.zoomdiv{display:none!important}
.newslist li a{width:75%}
.rnews li{float:none;display:block;width:100%;margin:0 auto}
.newcon .next,.newcon .prev{float:none;width:100%;margin:0 auto}
#nav li#liHome{border-left:0}
}
@media screen and (max-width:640px){
.top .fl,.top .fr{float:none;width:100%;margin-top:0}
.lnew,.tnew{float:none;width:100%;clear:both}
.hotpro li{float:left;width:50%}
.hotpro li.hotpro li .p_more{display:none}
.tnew .tbox{height:160px}
.tnew p{max-height:106px}
.ttext{padding:0 12px 0 172px}
.tnew img{width:160px}
.prolist li{float:none;width:98%;height:160px}
.propic{height:160px;width:160px;text-align:center}
.propic img{max-height:160px;max-width:160px}
.protext{padding:0 12px 0 180px;font-size:12px}
.protext h3{font-size:14px;margin-top:25px}
.protext p{max-height:40px;overflow:hidden}
.p_more{margin:16px 0;min-width:85px;height:30px;line-height:30px;font-size:12px;text-transform:uppercase;text-align:center;color:#fff}
.col1,.col2{display:none}
.col3{float:none;width:auto;margin:0;padding:0}
.col3 h3{text-indent:15px}
.col4{float:left}
.ccs{word-break:break-word;word-wrap:break-word;padding:0 15px}
.col4{float:left;padding-left:15px}
.pro_lb1 li{width:50%}
.sidebar{float:none;width:100%;padding-top:12px}
.main{padding:6px 0 0 0}
.sf-menu{display:table;width:96%;margin:0 auto;padding-bottom:20px}
.lsec{margin-top:10px;width:96%;border:5px solid #eee;padding:15px;margin:10px auto}
ul.sf-menu ul ul{display:none!important}
.ctit h3{text-indent:10px}
.newcon .next,.newcon .prev{float:none;width:100%;margin:0 auto}
.newcon{padding:0 12px}
.procate_tit{display:none}
.procatefenleiimg{display:none}
}
h1{text-transform:capitalize;font-size:22px}
.pro_lb0{float:left;width:100%}
.pro_lb0 li{clear:both;border-bottom:1px solid #eee;padding:0}
.pro_lb0 .fl{float:left;margin:10px 10px 10px 0}
.pro_lb0 .pimg{background:#fff;width:260px;height:260px;text-align:center;vertical-align:middle;display:table-cell;border:1px solid #eee;padding:2px;overflow:hidden}
.pro_lb0 img{max-width:260px;_width:150px;max-height:255px;padding-top:5px}
.pro_lb0 p{line-height:20px;margin:0;padding:6px 0 0 0;word-break:break-word}
.pro_lb0 .pinfo{display:block;font-size:12px;color:#333;min-height:60px;overflow:hidden}
.pro_lb0 h3,.pro_lb0 .h3{font-weight:bold;margin:0;padding:10px 0;font-size:16px;display:block}
.pro_lb0 h3 a:hover,.pro_lb0 .h3 a:hover{color:#007de0}
.pro_lb0 span{display:block}
.pro_lb1{float:left;padding-top:10px;width:100%}
.pro_lb1 p{line-height:24px}
.pro_lb1 li{float:left;width:25%}
.pro_lb1 li .pp_box{margin:15px 12px}
.pro_lb1 li a{display:block;position:relative}
.pro_lb1 li a img{width:100%}
.pro_lb1 li a .text{width:100%;height:60px;background:#8f8f8f;position:absolute;z-index:1;bottom:0;filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}
.pro_lb1 li a .tex{width:100%;height:40px;line-height:20px;position:absolute;z-index:2;bottom:0;text-align:center;overflow:hidden;color:#fff}
.pro_lb1 li .tex a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:17px;text-align:center;line-height:23px;height:46px}
.pro_lb1 li a:hover .text{background:#000;filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}
.pro_lb1 .li0{padding-right:0}
.pages{text-align:center;font-size:12px;padding:15px 0 20px 0;color:#b2b2b2;clear:both}
.pages a,.pages span{display:inline-block;margin:1px 5px;min-width:10px;height:30px;padding:0 10px;line-height:30px}
.pages a:link,.pages a:visited{color:#666;background:#fff}
.pages a:active,.pages a:hover,.pages span.ctxt{color:#fff;background:#333;color:#fff;text-decoration:none}
.newslist{margin:12px auto 12px auto;float:left;width:100%}
.newslist ul{padding-right:16px}
.newslist li{text-align:right;height:36px;background:url(https://www.jbe-electronics.com/images/m178/blue/arrow-list.gif) 8px 10px no-repeat;border-bottom:1px dashed #ddd;line-height:32px;color:#333;overflow:hidden}
.newslist li a{float:left;font-size:14px;text-align:left;text-indent:6px;color:#333}
.newslist li a:hover{color:#007de0;text-decoration:underline}
.rnews,.rollPro{margin:10px auto}
.rnews h3,.rollPro h3{font-size:18px;line-height:24px;padding:10px 0 12px 0;color:#007de0;font-weight:400;height:30px}
.rnews li{float:left;width:50%;height:30px;line-height:30px}
.rnews li a{display:block;white-space:nowrap;margin-right:3%;text-overflow:ellipsis;overflow:hidden;font-size:12px;border-bottom:1px dashed #eee;color:#333}
.rnews li a:hover{color:#007de0}
.rollPro{height:220px;margin-bottom:30px}
.rollPro .Cont{width:94%;overflow:hidden;margin:0 auto}
.rollPro .ScrCont{width:10000000px}
.rollPro .pic{position:relative;width:170px;height:160px;margin:0 3px;border:1px solid #eee;text-align:center}
.rollPro .pbox img{max-width:162px;max-height:100px}
.rollPro .pbox{width:100%;height:120px;text-align:center}
.rollPro p{height:42px;overflow:hidden;line-height:20px;position:absolute;bottom:0}
.rollPro #List1,.rollPro #List2,.rollPro .Cont,.rollPro .pic,.rollPro .wen_jt{float:left}
.rollPro .wen_jt{width:24px;padding-top:45px}
.newcon{padding-top:28px}
.newcon .tit{text-align:center;color:#333;font-size:18px}
.newcon .time{line-height:30px;border-bottom:1px solid #ccc;padding-top:10px;font-size:12px;color:#999;width:160px;margin:0 auto;text-align:center}
.newcon p{padding-top:20px;line-height:24px}
.pinfo{font-size:14px}
.newcon .pn{padding:12px 0 0 0;min-height:59px}
.newcon .next,.newcon .prev{float:left;font-size:16px;padding:6px 0;width:48%;white-space:nowrap;margin-right:2%;text-overflow:ellipsis;overflow:hidden;height:43px}
.newcon .next{margin-right:0}
.buybtn{clear:both;width:200px;height:40px;margin:20px 0 0 0;text-align:left;line-height:40px}
.buybtn a{display:inline-block;padding:0 15px;color:#fff;height:40px;background:#0a4da6;border-radius:2px;font-size:18px}
.buybtn a:hover{background:#145cbc;color:#fff;border-radius:2px}
.pshare{float:left;padding:8px 0 0 0}
.jsshare{text-align:center;padding-top:8px}
.pshare li{float:left;width:48%;height:28px;line-height:28px}
.pshare li img{vertical-align:middle;margin-right:12px}
.jsshare span.stxt{display:inline-block;font-size:14px;line-height:24px;padding:0 8px 0 0;position:relative}
.jsshare a,.jsshare a img{width:24px;vertical-align:middle}
.addthis_sharing_toolbox{display:inline-block}
.at-icon-wrapper svg,span.at-icon-wrapper{width:24px!important;height:24px!important;line-height:24px!important}
.p_more{margin:16px 0;min-width:85px;height:30px;line-height:30px;font-size:12px;text-transform:uppercase;text-align:center;color:#fff!important}
.mmv{background-color:#007de0;padding:0 13px;vertical-align:middle;display:inline-block;position:relative;box-shadow:0 0 1px rgba(0,0,0,0);transform:translateZ(0);transition-property:color;transition-duration:.5s;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:.5s;-webkit-transition-property:color;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}
.mmv::before{background-color:#192634;transform-origin:0 50%;left:0;top:0;right:0;bottom:0;position:absolute;z-index:-1;content:"";transform:scaleX(0);transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-webkit-transition-duration:.5s;-webkit-transition-property:transform;-webkit-transform:scaleX(0);-webkit-transform-origin:0 50%}
.mmv:hover{color:#fff;text-decoration:underline}
.mmv:focus{color:#fff}
.mmv:active{color:#fff}
.mmv:hover::before{transform:scaleX(1);transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transform:scaleX(1)}
.mmv:focus::before{transform:scaleX(1);transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transform:scaleX(1)}
.mmv:active::before{transform:scaleX(1);transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transform:scaleX(1)}
@media screen and (max-width:480px){
.hotpro span{display:none}
.col1,.col2{display:none}
.col3{float:none;width:auto;margin:0;padding:0}
.col3 h3{text-indent:15px}
.col4{float:left}
.pro_lb1 li{width:100%}
.pages span{display:none}
.pages span.ctxt{display:inline-block}
.pcon_l{float:none;margin:0 auto;overflow:hidden}
.pcon_r{padding-left:12px}
.pcon_l{float:none;width:302px;margin:0 auto;overflow:hidden}
.jqzoom,.spec-preview{width:300px!important;height:300px!important}
.jqzoom img{max-width:300px!important;max-height:300px!important}
.spec-scroll .items{width:244px!important}
.spec-scroll{width:302px!important}
.jqZoomPup,.zoomdiv{display:none!important}
.newslist li a,.rnews li{float:none;display:block;width:100%}
.newslist li span{display:none}
.newcon .next,.newcon .prev{float:none;width:100%;margin:0 auto}
.newcon{padding:0 12px}
#nav li#liHome{border-left:0}
.es-carousel ul li a{width:100%;height:100px;line-height:100px}
.es-carousel ul li a img{max-height:96px;max-width:100%}
}
.table{border-collapse:collapse}
.table td,.table th{border:1px solid #cdcdcd;padding:5px}
.table p{padding:0;margin:0}
.buybtn{clear:both;width:200px;height:40px;margin:20px 0 0 0;text-align:left;line-height:40px}
.buybtn a{display:inline-block;padding:0 15px;color:#fff;height:40px;background:#0a4da6;border-radius:2px;font-size:18px}
.buybtn a:hover{background:#145cbc;color:#fff;border-radius:2px}
.pshare{float:left;padding:8px 0 0 0}
.jsshare{text-align:center;padding-top:8px}
.pshare li{float:left;width:48%;height:28px;line-height:28px}
.pshare li img{vertical-align:middle;margin-right:12px}
.jsshare span.stxt{display:inline-block;font-size:14px;line-height:24px;padding:0 8px 0 0;position:relative}
.jsshare a,.jsshare a img{width:35px;vertical-align:middle}
.addthis_sharing_toolbox{display:inline-block}
.at-icon-wrapper svg,span.at-icon-wrapper{width:24px!important;height:24px!important;line-height:24px!important}
.tenflag1,.tenflag2,.tenflag3{width:680px;clear:both}
.tenflag1{border:1px solid #eee}
.tenflag1 dt{border-bottom:1px solid #eee}
.tenflag1 dd{text-indent:12px}
.tenflag1 dt,.tenflag2 dt,.tenflag3 dt{font-size:16px;font-weight:700;padding:16px 0 12px 12px}
.tenflag2 dd{float:left;width:20%;margin:0;padding:0;line-height:36px;text-align:left}
.tenflag1 dd{height:36px;line-height:36px;border-bottom:1px solid #eee;padding:0;margin:0;background:#f5f5f5}
.tenflag1 dd span{float:left;width:36%;background:#fff;font-weight:700}
.tenflag1 dd:nth-child(2n) span{background:#f5f5f5}
.tenflag1 dd:nth-child(2n){background:#fff}
.tenflag2 dd{text-align:center}
.tenflag2 dd img{width:116px;display:block;margin:0 auto;padding-bottom:0!important}
.tenflag2 dd p{padding:0 0 6px 0!important;margin:0}
.tenflag3 img{width:680px!important;height:448px!important}
.pdown1 #A_DownLoadProduct{display:inline-block;clear:both;height:32px;margin:16px 0 0 0;line-height:32px;background:url(../image/down1_2.png) right top no-repeat;padding-right:50px}
.pdown1 #A_DownLoadProduct span{display:inline-block;height:32px;background:url(../image/down1_1.png) no-repeat;padding:0 0 0 16px}
.pdown2 #A_DownLoadProduct,.pdown3 #A_DownLoadProduct,.pdown4 #A_DownLoadProduct{display:inline-block;clear:both;height:45px;margin:16px 0 0 0;line-height:45px;padding-right:45px}
.pdown2 #A_DownLoadProduct span,.pdown3 #A_DownLoadProduct span,.pdown4 #A_DownLoadProduct span{display:inline-block;height:45px;background:url(../image/down2_1.png) no-repeat;padding:0 12px 0 16px}
.pdown2 #A_DownLoadProduct{background:url(../image/down2_2.png) right top no-repeat}
.pdown3 #A_DownLoadProduct{background:url(../image/down2_3.png) right top no-repeat}
.pdown4 #A_DownLoadProduct{background:url(../image/down2_4.png) right top no-repeat}
.proCateTags{clear:both;margin:0 auto}
.proCateTags h3{font-size:14px;line-height:32px;margin:0;padding:0}
.keywords{margin:12px auto}
.keywords a{margin-right:10px;color:#2e66b5;line-height:1.8;text-decoration:underline;display:inline-block;white-space:nowrap;text-overflow:ellipsis}
.keywords a:hover{text-decoration:none}
.qrcode{height:24px;float:right;line-height:24px;background:url(../image/2wm.png) no-repeat;background-size:24px 24px;text-align:left;cursor:pointer;position:relative;margin:-24px 12px 0 12px}
.qrcode .ErWeiImg{width:24px;height:24px;opacity:0;border:3px solid #fff;position:absolute;z-index:99999}
.qrcode span{display:inline-block;background:url(../image/bmore.png) right no-repeat;padding:0 12px 0 30px;background-size:8px 7px;color:#fff}
.qrcode:hover span{background:url(../image/bmore1.png) right no-repeat;background-size:8px 7px}
.hamore{color:#fff;clear:both;float:left;height:36px;line-height:36px;background:#5fa568;padding:0 20px;margin-top:12px}
@font-face{font-family:fullscreen;src:url(../font/fullscreen.eot);src:url(../font/fullscreen.eot) format('embedded-opentype'),url(../font/fullscreen.woff) format('woff'),url(../font/fullscreen.ttf) format('truetype'),url(https://www.jbe-electronics.com/images/m178/blue/fullscreen.svg) format('svg');font-weight:400;font-style:normal}
@font-face{font-family:wowslider-controls;src:url(../font/wowslider-controls.eot);src:url(../font/wowslider-controls.eot) format('embedded-opentype'),url(../font/wowslider-controls.woff) format('woff'),url(../font/wowslider-controls.ttf) format('truetype'),url(https://www.jbe-electronics.com/images/m178/blue/wowslider-controls.svg) format('svg');font-weight:400;font-style:normal}
#wowslider-container{zoom:1;position:relative;width:100%;margin:0 auto;z-index:100;border:none;text-align:left;font-size:10px;overflow:hidden}
#wowslider-container.fullscreen-mode,#wowslider-container.fullwidth-mode{max-width:none;max-height:none}
#wowslider-container .ws_images ul{position:relative;width:10000%;height:100%;left:0;list-style:none;margin:0;padding:0;border-spacing:0;overflow:visible}
#wowslider-container .ws_images ul li{position:relative;width:1%;height:100%;line-height:0;overflow:hidden;float:left;font-size:0;padding:0!important;margin:0!important}
#wowslider-container .ws_images{position:relative;left:0;top:0;width:100%;height:100%;overflow:hidden}
#wowslider-container.fullscreen-mode .ws_images,#wowslider-container.fullwidth-mode .ws_images{max-height:none}
#wowslider-container .ws_images a{width:100%;display:block;color:transparent}
#wowslider-container.fullscreen-mode .ws_images a,#wowslider-container.fullwidth-mode .ws_images a{height:100%}
#wowslider-container img{max-width:none!important}
#wowslider-container .ws_images img{width:100%;border:none 0;max-width:none;padding:0;margin:0}
#wowslider-container .ws_images iframe{position:absolute;z-index:-1}
#wowslider-container a{text-decoration:none;outline:0;border:none}
#wowslider-container .ws_bullets{float:left;position:absolute;z-index:70}
#wowslider-container .ws_bullets div{position:relative;float:left;font-size:0}
#wowslider-container a.wsl{display:none}
#wowslider-container .ws_bullets{padding:10px}
#wowslider-container .ws_bullets a{margin-left:16px;width:12px;height:12px;float:left;text-indent:-4000px;position:relative;background:#1ea5c2;background:rgba(30,165,194,.5);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
#wowslider-container .ws_bullets a.ws_selbull,#wowslider-container .ws_bullets a:hover{background:rgba(30,165,194,1)}
#wowslider-container .ws_bullets a:hover{-webkit-animation:pulseIn .9s infinite linear;-moz-animation:pulseIn .9s infinite linear;animation:pulseIn .9s infinite linear}
#wowslider-container a.ws_next,#wowslider-container a.ws_prev{font-family:wowslider-controls;position:absolute;display:none;text-shadow:none;text-align:center;background:#010101;color:#fff;top:50%;margin-top:-2.5em;height:5em;width:5em;z-index:60;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
#wowslider-container a.ws_next:hover,#wowslider-container a.ws_prev:hover{background:rgba(221,221,221,.6)}
#wowslider-container a.ws_next{right:10px}
#wowslider-container a.ws_next:after{content:'\e801';display:block;font-size:3.5em;line-height:1.7em}
#wowslider-container a.ws_prev{left:10px}
#wowslider-container a.ws_prev:after{content:'\e800';display:block;font-size:3.5em;line-height:1.7em}
#wowslider-container a.ws_prev:hover:after{-webkit-animation:prevArrow .7s infinite ease-in-out;-moz-animation:prevArrow .7s infinite ease-in-out;animation:prevArrow .7s infinite ease-in-out}
#wowslider-container a.ws_next:hover:after{-webkit-animation:nextArrow .7s infinite ease-in-out;-moz-animation:nextArrow .7s infinite ease-in-out;animation:nextArrow .7s infinite ease-in-out}
* html #wowslider-container a.ws_next,* html #wowslider-container a.ws_prev{display:block}
#wowslider-container:hover a.ws_next,#wowslider-container:hover a.ws_prev{display:block}
#wowslider-container .ws_bullets{bottom:-33px;left:50%}
#wowslider-container .ws_bullets div{left:-70%}
#wowslider-container .ws-title{position:absolute;display:block;bottom:.31em;left:1.23em;margin:9px;z-index:50;font-family:MisoBold,Oswald,Impact,Charcoal,sans-serif;font-size:5.5em;color:#fff;text-shadow:1px 1px 1px #333}
#wowslider-container .ws-title div,#wowslider-container .ws-title span{display:inline-block;padding:10px;background:#3398b6;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;opacity:.95;filter:alpha(opacity=95)}
#wowslider-container .ws-title div{display:block;background:#b02d15;margin-top:10px;color:#fff;opacity:.8;text-shadow:1px 1px 1px #000}
#wowslider-container .ws_images>ul{animation:wsBasic 16.8s infinite;-moz-animation:wsBasic 16.8s infinite;-webkit-animation:wsBasic 16.8s infinite}
@keyframes wsBasic{
0%{left:0}
14.88%{left:0}
25%{left:-100%}
39.88%{left:-100%}
50%{left:-200%}
64.88%{left:-200%}
75%{left:-300%}
89.88%{left:-300%}
}
@-moz-keyframes wsBasic{
0%{left:0}
14.88%{left:0}
25%{left:-100%}
39.88%{left:-100%}
50%{left:-200%}
64.88%{left:-200%}
75%{left:-300%}
89.88%{left:-300%}
}
@-webkit-keyframes wsBasic{
0%{left:0}
14.88%{left:0}
25%{left:-100%}
39.88%{left:-100%}
50%{left:-200%}
64.88%{left:-200%}
75%{left:-300%}
89.88%{left:-300%}
}
#wowslider-container .ws_bullets a img{text-indent:0;display:block;bottom:16px;left:-115px;visibility:hidden;position:absolute;-moz-box-shadow:0 0 5px #999;box-shadow:0 0 5px #999;border:3px solid #fff;max-width:none}
#wowslider-container .ws_bullets a:hover img{visibility:visible}
#wowslider-container .ws_bulframe div div{height:75px;overflow:visible;position:relative}
#wowslider-container .ws_bulframe div div img{height:100%}
#wowslider-container .ws_bulframe div{left:0;overflow:hidden;position:relative;width:200px;background-color:#fff}
#wowslider-container .ws_bullets .ws_bulframe{display:none;bottom:18px;overflow:visible;position:absolute;cursor:pointer;-moz-box-shadow:0 0 5px #999;box-shadow:0 0 5px #999;border:3px solid #fff}
#wowslider-container .ws_bulframe span{display:block;position:absolute;bottom:-9px;margin-left:0;left:95px;background:url(https://www.jbe-electronics.com/images/m178/blue/triangle.png);width:15px;height:6px}
#wowslider-container.ws_gestures,#wowslider-container.ws_gestures>div>a{cursor:-webkit-grab;cursor:-moz-grab;cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABwSURBVEjH7ZJBEsAgCAMT/v/n9NCOSqe2oD2yNx1JggB4BCEFWyFASP2KMQE7ywWhe/tTRGCGogLk02tFctiW/SUgaMyQG4PdPzDn31rQbMb8FiAXgvsEJNax1yVlVGAjA93apP3HFhZTGIqiKH7iADB6HxPlHdNVAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE0LTA3LTA3VDEzOjQ5OjEwKzAyOjAwm7WiFAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNC0wNy0wN1QxMzo0OToxMCswMjowMOroGqgAAAAASUVORK5CYII=),move}
#wowslider-container.ws_gestures.ws_grabbing,#wowslider-container.ws_gestures.ws_grabbing>div>a{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABaSURBVEjH7ZMxCkAhDEOT8u9/5TpJ+xWkFse8IYutJgEB8RCHL1qCc90BEFnT6QH7mwgFHBUf8wJyS1TDLuc3vmighx37LZdIth3E5hKj9n6O0HRh+oJCiFcMxRUUDxR1CTMAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTQtMDctMDdUMTM6NDk6MzgrMDI6MDDqf+sOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE0LTA3LTA3VDEzOjQ5OjM4KzAyOjAwmyJTsgAAAABJRU5ErkJggg==),move}
#wowslider-container.ws_video_playing .ws_bullets{display:none}
#wowslider-container.ws_video_playing:hover .ws_bullets{display:block}
#wowslider-container.ws_video_playing_ie .ws_bullets,#wowslider-container.ws_video_playing_ie a.ws_next,#wowslider-container.ws_video_playing_ie a.ws_prev{display:block}
#wowslider-container .ws_video_btn{position:absolute;display:none;cursor:pointer;top:0;left:0;width:100%;height:100%;z-index:55}
#wowslider-container .ws_video_btn.ws_vimeo,#wowslider-container .ws_video_btn.ws_youtube{display:block}
#wowslider-container .ws_video_btn div{position:absolute;background-image:url(https://www.jbe-electronics.com/images/m178/blue/playvideo.png);background-size:200%;top:50%;left:50%;width:7em;height:5em;margin-left:-3.5em;margin-top:-2.5em}
#wowslider-container .ws_video_btn.ws_youtube div{background-position:0 0}
#wowslider-container .ws_video_btn.ws_youtube:hover div{background-position:100% 0}
#wowslider-container .ws_video_btn.ws_vimeo div{background-position:0 100%}
#wowslider-container .ws_video_btn.ws_vimeo:hover div{background-position:100% 100%}
#wowslider-container1 .ws_playpause.ws_hide{display:none!important}
#wowslider-container .ws_fullscreen{display:none;position:absolute;font-family:fullscreen;top:.5em;right:.5em;font-size:2.25em;z-index:59;color:#1ea5c2;text-shadow:none}
#wowslider-container .ws_fullscreen:hover{-webkit-animation:pulseOut .9s infinite linear;-moz-animation:pulseOut .9s infinite linear;animation:pulseOut .9s infinite linear}
#wowslider-container .ws_fullscreen:after{content:'\e800'}
.ws_fs_wrapper{width:100%;height:100%;background:#efecdd}
.ws_fs_wrapper>#wowslider-container,.ws_fs_wrapper>#wowslider-container .ws_images{margin:0 auto;max-height:none}
.ws_fs_wrapper>#wowslider-container .ws_fullscreen{position:fixed;display:block}
.ws_fs_wrapper>#wowslider-container .ws_fullscreen:after{content:'\e801'}
.ws_fs_wrapper>#wowslider-container{border:0;outline:0;-webkit-box-shadow:0;-moz-box-shadow:0;box-shadow:0}
@-webkit-keyframes pulseIn{
0%{-webkit-transform:scale(1)}
50%{-webkit-transform:scale(1.2)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes pulseIn{
0%{-moz-transform:scale(1)}
50%{-moz-transform:scale(1.2)}
100%{-moz-transform:scale(1)}
}
@keyframes pulseIn{
0%{transform:scale(1)}
50%{transform:scale(1.2)}
100%{transform:scale(1)}
}
@-webkit-keyframes pulseOut{
0%{-webkit-transform:scale(1)}
50%{-webkit-transform:scale(.8)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes pulseOut{
0%{-moz-transform:scale(1)}
50%{-moz-transform:scale(.8)}
100%{-moz-transform:scale(1)}
}
@keyframes pulseOut{
0%{transform:scale(1)}
50%{transform:scale(.8)}
100%{transform:scale(1)}
}
@-webkit-keyframes nextArrow{
0%,100%{-webkit-transform:translateX(0)}
25%{-webkit-transform:translateX(2px)}
75%{-webkit-transform:translateX(-2px)}
}
@-moz-keyframes nextArrow{
0%,100%{-moz-transform:translateX(0)}
25%{-moz-transform:translateX(2px)}
75%{-moz-transform:translateX(-2px)}
}
@keyframes nextArrow{
0%,100%{-moz-transform:translateX(0);transform:translateX(0)}
25%{-moz-transform:translateX(2px);transform:translateX(2px)}
75%{-moz-transform:translateX(-2px);transform:translateX(-2px)}
}
@-webkit-keyframes prevArrow{
0%,100%{-webkit-transform:translateX(0)}
25%{-webkit-transform:translateX(-2px)}
75%{-webkit-transform:translateX(2px)}
}
@-moz-keyframes prevArrow{
0%,100%{-moz-transform:translateX(0)}
25%{-moz-transform:translateX(-2px)}
75%{-moz-transform:translateX(2px)}
}
@keyframes prevArrow{
0%,100%{-moz-transform:translateX(0);transform:translateX(0)}
25%{-moz-transform:translateX(-2px);transform:translateX(-2px)}
75%{-moz-transform:translateX(2px);transform:translateX(2px)}
}
@media (max-width:768px){
.member-photo img{width:100%}
}
.rollPro1{width:100%;margin:10px auto;overflow:hidden}
.productsTitle h4{margin:10px 0;text-align:left;text-indent:10px;color:#fff;font-size:20px;font-weight:400;padding:3px 0}
.rollPro1 li{width:31%;float:left;margin-right:2%;text-align:center}
.rollPro1 li:nth-of-type(3n){margin-right:0}
.rollPro1 li .pbox{border:1px solid #e2e2e2;padding:4px;height:200px}
.rollPro1 li .pbox img{max-width:100%;max-height:190px}
.rollPro1 li p{height:50px;line-height:25px;overflow:hidden;margin:10px auto}
.rollPro1 li a{color:#333}
.rollPro1 li a:hover{color:#007de0}
.pro-body{margin-bottom:10px}
.navbar .container{position:relative}
#xyz{position:absolute;right:4px;top:5px}
.pdown1 #A_DownLoadProduct{display:inline-block;clear:both;height:32px;margin:16px 0 0 0;line-height:32px;background:url(../image/down1_2.png) right top no-repeat;padding-right:50px}
.pdown1 #A_DownLoadProduct span{display:inline-block;height:32px;background:url(../image/down1_1.png) no-repeat;padding:0 0 0 16px}
.pdown2 #A_DownLoadProduct,.pdown3 #A_DownLoadProduct,.pdown4 #A_DownLoadProduct{display:inline-block;clear:both;height:45px;margin:16px 0 0 0;line-height:45px;padding-right:45px}
.pdown2 #A_DownLoadProduct span,.pdown3 #A_DownLoadProduct span,.pdown4 #A_DownLoadProduct span{display:inline-block;height:45px;background:url(../image/down2_1.png) no-repeat;padding:0 12px 0 16px}
.pdown2 #A_DownLoadProduct{background:url(../image/down2_2.png) right top no-repeat}
.pdown3 #A_DownLoadProduct{background:url(../image/down2_3.png) right top no-repeat}
.pdown4 #A_DownLoadProduct{background:url(../image/down2_4.png) right top no-repeat}
.box_left{width:200px;float:left}
.box_left img{width:100%}
.box_right{padding-left:220px;float:none}
.box_right h3 a{color:#333;font-size:18px;line-height:16px}
.artical_date{padding:5px 0;color:#666;font-size:14px}
.searchbox{width:100%;height:80px;background:#fff}
.sk{float:left;height:48px;line-height:48px;border:1px solid #dcdcdc;width:498px;text-indent:20px;color:#333;font-size:17px;background:#fafafa;border-radius:50px 0 0 50px;outline:0}
.sbtn{width:100px;height:48px;background:#017de0;border:0;color:#fff;font-size:17px;border-radius:0 50px 50px 0;outline:0;cursor:pointer}
.searchbox_content{width:600px;margin:0 auto;padding-top:15px}
.sidebar .searchbox_content{width:100%;display:flex;display:-webkit-flex;margin:20px auto;padding:0}
.sidebar .searchbox_content #txtSearch{text-indent:10px;padding:0;font-size:14px;line-height:38px;color:#333;width:calc(100% - 55px);outline:0;height:38px;background:0 0;border:2px #007de0 solid;border-radius:0}
.sidebar .searchbox_content #txtSearch::placeholder{color:#333}
.sidebar .searchbox_content #btnSearch{width:55px;height:38px;border:none;background:#007de0 url(../image/search.png) center no-repeat;cursor:pointer;border-radius:0}
@media screen and (max-width:640px){
.searchbox{height:60px}
.searchbox_content{width:300px;margin:0 auto;padding-top:10px}
.sk{width:218px;height:40px}
.sbtn{width:80px;height:40px}
}
.social-iconin ul{margin:20px auto 10px}
#xyz{position:static}
#xyz ul{display:flex;justify-content:center;padding-top:10px;flex-wrap:wrap}
#xyz ul li{margin:5px}
#xyz ul li a{font-size:12px;color:#333;display:flex;align-items:center;line-height:1.4;text-transform:capitalize}
#xyz ul li a img{margin-right:3px}
.abt{font-size:24px;font-weight:600}
.cit{font-size:20px}
.skill-title{border-bottom:1px solid;margin:25px 0 15px;padding-bottom:10px;font-size:24px;font-family:oswald}
.index-title{text-transform:uppercase;font-weight:700;font-size:38px;font-family:oswald}
.index-news-title{text-transform:uppercase;font-family:oswald;font-size:24px}
.index-ptitle{color:#ddd;font-size:20px;position:relative;text-transform:uppercase;top:110px;font-family:oswald}
.threeinfo-t2{font-family:Ubuntu,sans-serif;font-size:20px;margin:15px 0 5px 0}
.threeinfo-t1{border-left:3px solid #ddd;border-right:3px solid #ddd;display:inline-block;padding:5px 25px;text-transform:uppercase;font-size:24px}
.cinfo-t{text-transform:capitalize;font-size:24px}

.main h1.ejfl {line-height:1.3;margin:8px 0 12px;}
.proIntro {float:left;border:1px solid #ccc;margin:20px 0;padding:8px;font-size:13px;color:#888;}
.proIntro a {color:#888;}
.pcon .pinfo * {color:#111;font-size:15px;line-height:1.7;}
.pcon .pinfo p {margin-bottom:5px;}
.productsTags {font-size:15px;line-height:1.7;margin:0 20px 15px;color:#111;}
.productsTags a {color:#111;}

.p.temail{left:180px !important;}