@charset "utf-8";
@import url(reset.css);
@import url(../Fonts/fontawesome/fontawesome.css);
/* 2016-04-21 Helvetica,Arial,sans-serif */ 
body{width:100%;min-width:960px;background:#ecf0ef;font:12px/1 "Microsoft YaHei", "微软雅黑", sans-serif;color:#000;}
.j-space{position:relative;width:940px;height:inherit;padding:0 10px;margin:0 auto;}
/* Common */
.j-top{position:relative;height:80px;}
.j-top .t-logo{position:absolute;left:10px;top:32px;}
.j-top .t-logo img{height:27px;}
.j-top .t-search{position:absolute;right:120px;top:35px;}
.j-top .t-search input[type=text]{float:left;width:150px;height:22px;padding:0 3px;margin-right:7px;background:#FFF;border:1px solid #999;}
.j-top .t-search input[type=submit]{float:left;width:36px;height:24px;}
.j-top .t-search i:before{position:absolute;right:0;z-index:-1;width:36px;background:#0b8c9b;border-radius:2px;text-align:center;line-height:24px;font-size:15px;color:#FFF;}
.j-top .t-lang{position:absolute;right:10px;top:42px;}
.j-top .t-lang a{display:inline-block;margin:0 5px;color:#333;}
.j-foot{padding:20px 0;}
.j-foot .cpr{line-height:20px;color:#333;}
.j-foot .cpr .left{float:left;}
.j-foot .cpr .right{float:right;}
/* Home */
.j-body .j-bg{padding-top:10px;padding-bottom:10px;background:#FFF;box-shadow:0 2px 10px rgba(0,0,0,.3);overflow:hidden;}
.j-body .b-nav{height:30px;margin-bottom:10px;border-bottom:1px solid #CCC;}
.j-body .bn-logo{float:left;}
.j-body .bn-logo img{height:23px;}
.j-body .bn-list{float:right;}
.j-body .bn-list li{float:left;}
.j-body .bn-list li a{display:block;padding:0 12px;margin-left:7px;line-height:29px;color:#333;}
.j-body .bn-list li.navOn a{background:#FFF;border:1px solid #CCC;border-bottom:none;line-height:30px;font-weight:bold;color:#0b8c9b;}
.j-body .b-bar{height:434px;overflow:hidden;}
.j-body .b-bar .slide{width:100%;height:434px;background-position:center;background-repeat:no-repeat;background-size:cover;}
.j-body .b-bar .slick-arrow:before{font-size:4em;color:#FFF;color:rgba(255,255,255,.5);cursor:pointer;}
.j-body .b-bar .slick-prev{position:absolute;left:10px;top:43%;z-index:99;}
.j-body .b-bar .slick-next{position:absolute;right:10px;top:43%;z-index:99;}
.j-body .b-index{width:960px;padding:20px 0 30px;}
.j-body .bi-box{float:left;width:200px;height:220px;padding:10px;margin-right:17px;background:url(../Images/j-bg01.jpg) 0 0 repeat-x;border:1px solid #CCC;}
.j-body .bi-box .cname{margin-bottom:10px;font-size:13px;font-weight:bold;color:#0b8c9b;}
.j-body .bi-box .ctext{height:36px;line-height:18px;color:#444;overflow:hidden;}
.j-body .bi-box img{display:block;width:100%;height:100px;margin:10px 0 20px;}
.j-body .bi-box .clink{display:inline-block;color:#0b8c9b;}
.j-body .bi-box .clink:before{padding-right:5px;}
.j-body .bi-box .li-title{padding:5px 0;font-weight:bold;color:#333;}
.j-body .bi-box .li-text{margin-bottom:20px;line-height:18px;color:#444;}
.j-body .bi-ctt p{margin-bottom:5px;line-height:18px;color:#444;}
.j-body .bi-ctt strong{display:block;height:30px;font-size:18px;font-weight:normal;}
/* Column */
.j-body .b-col{padding:20px 0;min-height:700px;}
.j-body .col-l{float:left;width:224px;overflow:hidden;}
.j-body .col-l dl{margin-bottom:30px;}
.j-body .col-l dt{padding-left:10px;margin-bottom:10px;font-size:15px;font-weight:bold;color:#0b8c9b;}
.j-body .col-l dd{border-bottom:1px solid #ddd;}
.j-body .col-l dd .lv1-a{display:block;padding:5px 10px;line-height:24px;font-size:13px;}
.j-body .col-l dd .lv1-a:before{float:right;line-height:24px;font-size:18px;color:#999;}
.j-body .col-l dd .lv2-a{display:block;padding:5px 10px;line-height:20px;color:#444;}
.j-body .col-l dd a:hover, .leftOn{background:#00a7bb;color:#FFF;}
.j-body .col-l dd a:hover:before, .j-body .col-l dd .leftOn:before{color:#FFF;}
.j-body .col-r{float:right;width:690px;padding-bottom:50px;overflow:hidden;}
.j-body .col-tab{margin-bottom:15px;font-size:15px;font-weight:bold;color:#0b8c9b;}
.j-body .col-text{line-height:2;font-size:13px;color:#444;}
.j-body .col-text img{max-width:100%;}
.j-body .col-device ul{width:702px;}
.j-body .col-device li{float:left;width:220px;height:248px;margin:0 14px 14px 0;}
.j-body .col-device li img{width:218px;height:218px;border:1px solid #CCC;}
.j-body .col-device li h4{padding:0 10px;background:rgba(255,255,255,.3);text-align:center;line-height:28px;color:#444;}
.j-body .col-news li{position:relative;padding:10px;margin-bottom:15px;border:1px solid #CCC;}
.j-body .col-news li img{float:left;width:190px;height:130px;margin-right:20px;background:url(../Images/logo2.png) center no-repeat #fff;background-size:80%;}
.j-body .col-news li .n-title{margin:5px 0 10px 0;font-size:13px;font-weight:bold;color:#00a7bb;}
.j-body .col-news li .n-date{margin-bottom:15px;color:#999;}
.j-body .col-news li .n-desc{line-height:18px;color:#444;}
.j-body .col-page{padding:15px 0;text-align:center;}
.j-body .col-page a{display:inline-block;margin:0 5px;font-size:13px;color:#333;}
.j-body .col-page a.button:before{color:#777;}
.j-body .col-page a.pageOn{font-weight:bold;color:#00a7bb;}
.j-body .col-news-d .d-title{text-align:center;font-size:16px;font-weight:bold;color:#333;}
.j-body .col-news-d .d-date{padding:20px 0 30px;text-align:center;color:#777;}
.j-body .col-news-d .d-text{line-height:2;font-size:13px;color:#444;}
.j-body .col-news-d .d-text img{max-width:100%;}
/* Product */
.j-body .col-prot ul{width:704px;min-height:550px;}
.j-body .col-prot li{position:relative;float:left;width:160px;height:160px;margin:0 14px 14px 0;border:1px solid #CCC;}
.j-body .col-prot li h4{position:absolute;left:0;top:0;right:0;padding:0 10px;line-height:28px;color:#444;}
.j-body .col-prot li img{width:160px;height:160px;}
.j-body .col-prot-d .d-t{margin-bottom:30px;}
.j-body .col-prot-d .d-t .bimg{width:400px;height:400px;margin-right:20px;border:1px solid #CCC;vertical-align:bottom;}
.j-body .col-prot-d .d-t ul{display:inline-block;width:250px;margin-bottom:-5px;}
.j-body .col-prot-d .d-t li{float:left;margin:5px;border:1px solid #CCC;cursor:pointer;}
.j-body .col-prot-d .d-t li img{width:100px;height:100px;}
.j-body .col-prot-d .d-tab{margin-bottom:20px;}
.j-body .col-prot-d .d-tab h5{display:inline-block;padding:0 40px;background:url(../Images/j-bg02.jpg) center repeat-x;border:1px solid #CCC;line-height:23px;color:#333;}
.j-body .col-prot-d .d-b{line-height:2;font-size:13px;color:#444;}
.j-body .col-prot-d .d-b img{max-width:100%;}
.j-body .col-prot-d .d-b td{padding:4px 6px;border:1px solid #CCC;line-height:18px;font-size:12px;}
.j-body .col-prot-d .d-b td:nth-of-type(2n-1){background:#edf0f3;font-weight:bold;}