@charset "utf-8";
/* CSS Document */
@import url('../../../../css2-family-Abel-display-swap.css');
html{background:none repeat scroll 0 0 #f6f6f6;  overflow-y:scroll;overflow-x:hidden;}
body{font-family: 'Abel',Helvetica,Arial,Lucida,sans-serif; }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,dl,dt,dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, form, th, td{margin:0; padding:0}
body, button, input, select, textarea{font:14px/1.8, verdana; color:#333}
.ie10 body,.ie11 body{font:14px/1.8}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal}
button, input, select, textarea{font-size:100%}
hr{border:0; height:1px; *color:#fff}
address, cite, dfn, em, var{font-style:normal}
small{font-size:12px}
.fl-clear{clear:both}
.fl-clr{zoom:1}
.fl-clr:after{display:block; clear:both; height:0; content:"\0020"}
table{border-collapse:collapse; border-spacing:0}
ul, ol{list-style:none outside none}
a{text-decoration:none; color:#333}
a:hover{text-decoration:none; color:#02b2b5}
img{border:0}
.radius{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; overflow:hidden}
.shadow{-webkit-box-shadow:#DDD9D9 0px 0px 30px;-moz-box-shadow:#DDD9D9 0px 0px 30px;box-shadow:#DDD9D9 0px 0px 30px}
body{overflow-x:hidden}
.bw_1190{}
.link strong{ font-weight: normal;}

.head_0{width:100%; margin:0 auto; border-bottom:2px #02b2b5 solid; background:#fff}
.logo{text-align:center; height:60px; line-height:60px; margin-bottom:10px;}
.logo .logo-img{height:60px; margin-right:10px; display:inline-block; vertical-align:middle}
.logo .xmt{font-size:24px; font-weight:bold; display:inline-block }
.logo .xmt h1{ font-weight: bold;}
.logo strong{ font-weight: bold;}
.hd_dh{height:60px; line-height:60px; text-align:center}
.hd_dh li{ margin-right:0px; max-width:215px;text-overflow: ellipsis;
white-space: nowrap; 
overflow: hidden; display:inline-block;}
.hd_dh li a{padding:0 38px 17px; font-size:18px; color:#000;}
.hd_dh li a:hover,.hd_dh li a.cut{border-bottom:3px #02b2b5 solid; color:#02b2b5}

.e_code .thumb_img{padding:3px;background:#f6f6f6;cursor:pointer;display:block}
.e_code .e_code_box{position:absolute;border:2px solid #ededed; width:107px;padding:10px; background:#fff; left:30px; top:0; display:none; font-size:12px; text-align:center; line-height:18px; z-index:11111}
.e_code:hover .thumb_img{opacity:0}
.e_code:hover{background:url(../img/ewm_1.png) no-repeat center center}

/* 当前位置*/
.place{font-size:16px; padding:20px 0}
.here{width:100%; overflow:hidden; margin-left:-10px;text-overflow: ellipsis;
white-space: nowrap; 
overflow: hidden; }
.here span,
.here a {
  margin: 0 5px;
  color: #333;
}
.here span{ float:left;}
.here a:hover {
  color:#02b2b5;
  text-decoration: none;
}
.place .here div{float:left}
.place .here div.fl-bold{overflow:hidden}

.here .here_title {max-width: 800px;overflow: hidden;max-height: 35px;}

/*分页*/
.paging_box{height:40px; padding-bottom:100px}
.pagination{height:40px; line-height:40px}
.pagination .page,.pagination .pagearea{float:right}
.pagination .page span,.pagination .page a,.pagination .pagearea span,.pagination .pagearea a{float:left; line-height:38px; border:1px #e6e6e6 solid; background:#fff; width:38px; height:38px; margin:0 0 0 8px; text-align:center}
.pagination .pagearea span.pageNum{margin-right:8px}
.pagination .page .ye,.pagination .pagearea .ye{float:left; padding:0 10px}
.pagination .page .ye .text,.pagination .pagearea .ye .text{margin:0 5px; width:px;line-height:38px; border:1px #e6e6e6 solid; background:#fff; width:38px; height:38px; text-align:center}
.pagination .resultNum{float:left; padding:0 5px}
.pagination .page .pageNum,.pagination .pagearea .pageNum{width:auto; border:0}
.pagination .page .current1,.pagination .pagearea .current,.pagination .sure:hover{background:#02b2b5; border:1px #02b2b5 solid; color:#fff}
.pagination .pagearea .rollPage{width:auto; padding:0 10px}
.pagination .page .rollPage.a1,.pagination .pagearea .rollPage.a1{background:url(https://ghofn.org/media/sets/sky-1/img/l.png) no-repeat center center}
.pagination .page .rollPage.a2,.pagination .pagearea .rollPage.a2{background:url(https://ghofn.org/media/sets/sky-1/img/r.png) no-repeat center center}
.pagination .sure{float:right; display:block; height:38px; width:65px;line-height:38px; border:1px #e6e6e6 solid; text-align:center}


.con_0{width:100%; background:#fff; padding-top:30px}
.content_left{ float:left;}
.content_left .title{height:45px; background:#02b2b5; color:#fff; padding:0 20px; line-height:45px; font-size:18px; font-weight:bold}
.left_nav{border:1px solid #e6e6e6; border-top:0; overflow:hidden}
.left_nav ul{margin-top:-1px}
.left_nav li{border-top:1px solid #eeeeee}
.left_nav li .t{height:45px; line-height:45px; position:relative;padding:0 17px;overflow: hidden;}
.left_nav li .t i{position:absolute; right:17px; top:0; width:18px; height:45px;background:url(../img/ioc_l.png) no-repeat 0 center; cursor:pointer}
.left_nav li .t a{color:#333}
.left_nav li .t a strong{ font-weight: normal;}
.left_nav li .t:hover i,.left_nav li .t.hover i{background:url(../img/ioc_la.png) no-repeat 0 center}
.left_nav li .t:hover{background:#eeeeee; border-left:2px #02b2b5 solid; color:#02b2b5}
.left_nav li .t:hover a{color:#02b2b5}
/*.left_nav li .hover{background:#eeeeee; border-left:2px #02b2b5 solid}*/
.left_nav li .txt{display:none; padding:0px 0 10px}
.left_nav li .txt a{padding:0 18px 0 35px; display:block; height:40px; line-height:40px}
.left_nav li .txt a:hover{background:#eeeeee; border-left:2px #02b2b5 solid}

.left_nav li .txt p{line-height:30px; height:30px; overflow:hidden}
.left_nav .more{display:block; height:40px; text-align:center; line-height:40px; color:#333; cursor:pointer; overflow:hidden; border-top:1px #eeeeee solid}
.left_nav .more span{padding-right:18px; background:url(../img/ioc_ba.png) no-repeat right center}
.left_nav .more.hover span{background:url(../img/ioc_t.png) no-repeat right center}

.left_message{background:url(../img/ltbj.png) no-repeat center top; padding:30px 0 0 0; margin:20px 0; color:#fff}
.left_message .img{width:80px; height:80px; position:relative; margin:0 auto}
.left_message .img i{position:absolute; width:100%; height:80px; left:0; top:0}
.left_message .img img{width:100%; height:80px}
.left_message .t{font-size:18px; color:#fff; font-weight:bold; line-height:20px; padding:8px 0 35px; text-align:center}
.left_message .t span{padding:0 0 5px 0}
.left_message .tt{line-height:20px; padding:7px 14px; color:#fff; overflow:hidden;min-height:44px; position:relative; background:#008c8e}
.left_message .tt span{padding-right:10px}
.left_message .txt{padding:0 0 1px 20px; background:#03b2b5}
.left_message .txt .a{display:block; width:140px; height:28px; line-height:28px; margin:10px auto; color:#02b2b5; border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; text-align:center; background:#fff}
/*.left_message .txt .a:hover{background:#009da0; color:#fff}*/
.left_message .txt .a span{padding:2px 0 2px 23px}
.left_message .txt .a1{margin-top:25px}
.left_message .txt .a1 span{background:url(../img/qq_b.png) no-repeat 0 center}
.left_message .txt .a2 span{background:url(../img/xp_b.png) no-repeat 0 center}
.left_message .txt .a2{margin-bottom:25px}


.content_right{ float:right !important; padding-left:20px !important;}
.section{height:45px; line-height:45px; margin-bottom:25px; border-bottom:1px #f3f3f3 solid}
.section .gorth2{font-size:24px; color:#2b2b2b; padding-bottom:10px; height:25px; line-height:25px; border-bottom:5px #02b2b5 solid}
.section .gorth2 h1{ display: inline;}
/*	分组说明	*/
.product-all .product-intro{ height:160px; border-bottom:solid 1px #ddd; padding:24px;}
.product-all .product-intro:hover{ background:#f9f9f9;}
.product-all .product-intro:last-child{ border-bottom:none;}
.product-all .product-intro .left-img{ float:left; position:relative; width:160px; height:160px; }
.product-all .product-intro .left-img img{ width:160px; height:160px;border-radius:3px;}
.product-all .product-intro .left-img a.add-basket{ width:25px; height:25px; display:block; background-position:0 -71px; position:absolute; bottom:0; right:0; border-radius:3px 0 0 0; border:none;}
.product-all .product-intro .left-img a.current{ background-position:-33px -37px;}
.product-all .product-intro .left-img a.add-success{ background-position:-103px -37px;}
.product-all .product-intro .left-img a.delete{ background-position:-70px -37px;}
.product-all .product-intro .msg-detail{ float:left; margin-left:14px; position:relative; height:160px; width:525px;}
.product-all .product-intro .msg-detail span a{ font-size:18px; color:#333; line-height:24px;}
.product-all .product-intro .msg-detail span a:hover{ text-decoration:underline;}
.product-all .product-intro .msg-detail ul{ margin-top:5px; padding:0;}
.product-all .product-intro .msg-detail table{margin-top:5px;}
.product-all .product-intro .msg-detail ul li{ line-height:24px; font-size:12px; color:#333; width:auto; float:none; margin:0;}
.product-all .product-intro .msg-detail ul.list2 li{ width:240px; line-height:24px; font-size:12px; color:#333; float:left; margin:3px 20px 3px 0; }
.product-all .product-intro .msg-detail ul li label{ color:#999; margin-right:12px;}
.product-all .product-intro .msg-detail ul.list2 li label{ display:block; float:left; line-height:18px;vertical-align:top;}
.product-all .product-intro .msg-detail ul.list2 li i{ display:block; float:left; font-style:normal; width:170px;line-height:18px;}
.product-all .product-intro .msg-detail table td{ width:240px; line-height:24px; font-size:12px; color:#333; float:left; margin:3px 20px 3px 0; }
.product-all .product-intro .msg-detail table td label{ color:#999; margin-right:12px;}
.product-all .product-intro .msg-detail table td label{ display:block; float:left; line-height:18px;vertical-align:top;}
.product-all .product-intro .msg-detail table td i{ /*display:block; float:left; */font-style:normal; width:164px;line-height:18px;}
.product-all .product-intro .msg-detail .contact-btn{ position:absolute; bottom:4px;}
.product-all .product-intro .msg-detail .contact-btn a{ width:140px; height:32px; text-align:center; line-height:32px; background:#6c7c93; display:block; border-radius:3px; color:#fff; font-size:14px;}
.product-all .product-intro .msg-detail .contact-btn a:hover{ background:#617084;}
/*	分组说明结束 */
.wzrt{float:right; color:#696969; font-size:14px; height:25px; line-height:25px; margin-top:15px; text-transform:uppercase}
.product_ul{ overflow:hidden;}
.product_ul *{overflow:hidden}
.product_ul li{float:left; background:#fff; position:relative;}
.liprd{ border:1px solid #f3f3f3; padding:10px 15px; margin:0 0 20px 0px;}
.product_ul li img{width:100%; height:auto;}
.product_ul li .a{height:40px; line-height:20px; font-size:16px;}
.product_ul li .a a{color:#696969}
.product_ul li .a a:hover{color:#02b2b5}
.product_ul li .jg{color:#02b2b5; height:30px; line-height:30px; font-size:16px; padding-bottom:15px; border-bottom:1px #f4f4f4 solid; margin-bottom:15px; display:none;}
.product_ul li .jg span{font-size:24px}

.information_txt .title {
    font-size: 22px;
    padding-bottom: 15px;
}

/*   foot   */
.foot_0{width:100%; background:#24292f}
.foot{ margin:0 auto; padding:50px 0 40px}
.foot dl{ float:left;}
.foot dl dt{color:#c1c1c1; margin-bottom:40px; font-size:20px; font-weight:bold}
.foot dl dt span{padding-bottom:6px; border-bottom:2px #c1c1c1 solid}
.foot dl dd{color:#c1c1c1; font-size:16px}
.foot dl dd span{margin-bottom:10px; display:block}
.foot dl dd.first{ float:left}

.foot dl.popular-pro{ margin: 0;}
.foot dl.popular-pro dd{  float:  left; height: 30px; line-height: 30px; color: #c1c1c1; overflow: hidden;    display: block;
 overflow: hidden; white-space: nowrap; text-overflow: ellipsis;-o-text-overflow: ellipsis; overflow: hidden;}
.foot dl.popular-pro dd a{ color: #c1c1c1;}
.foot dl.popular-pro dd a:hover{ color: #fff;}
.ewm{float:right; width:240px; height:110px; background:#fff; padding:10px; margin-top:33px}
.ewm img{vertical-align:bottom}
.ewm span{color:#333; display:inline-block; line-height:18px; font-size:16px; padding-bottom:30px; margin-left:10px; text-align:center}
.zhichi{padding:15px 0; border-top:1px #333 solid; width:100%; text-align:center;color:#c1c1c1}
.zhichi a{color:#c1c1c1; display:inline-block}
.zhichi a:hover{color:#02b2b5}

.share_box{padding:10px 10px 10px 25px; width:203px; text-align:center; overflow:hidden; border:1px #e6e6e6 solid; border-top:none}
#share a{line-height:24px;height:24px; padding-left:0; width:24px; margin:0 8px 0 0; float:left}
#share a.bds_weixin1{background:url(../img/wx.jpg) no-repeat}
#share a.popup_tqq{background:url(../img/wb.jpg) no-repeat}
#share a.bds_tsina1{background:url(../img/xl.jpg) no-repeat}
#share a.popup_renren{background:url(../img/rr.jpg) no-repeat}
#share a.bds_qzone1{background:url(../img/q1.jpg) no-repeat}
#share a.bds_more{background:url(../img/more.jpg) no-repeat}

.detail-us{ margin:0 auto}
.us_tit{color:#02b2b5; font-size:28px; font-weight:bold; text-align:center; margin:70px 0 20px}
.us_tit h2{ font-weight:bold;}
.us_tit span{font-size:24px; font-weight:normal }
.us_con{color:#696969; line-height:28px; margin-bottom:130px}
.us_con p{text-indent:24px}

/*关于我们*/
.details_box{background:url(../img/us_bj.jpg) no-repeat top center; padding:35px 0 20px; }
.details_ul{padding:45px 80px; background:#fff; margin:0 auto 25px}
.details_ul li{line-height:25px; margin-bottom:10px; position:relative;float:left; width:49%; padding-right:1%; color:#696969}
.details_ul li.yige{width:98%}
.details_ul li span{float:left;display:block}
.details_ul li .t{color:#696969}
.details_ul li .title{width:47%; height:20px; overflow:hidden; margin-right:10px}
.details_ul li .more{color:#02b2b5; cursor:pointer}
.details_ul li .txt{position:absolute; right:0; top:20px; background:#fff; padding:10px; width:370px; border:1px solid #eee; z-index:111; display:none; line-height:25px; color:#333; cursor:text}
.details_tit{font-size:24px; font-weight:bold; color:#fff; text-align:center; padding:0 0 25px}
.details_tit h2{ font-weight: bold;}

/*企业相册*/
.album_ul{padding:0 0 5px; overflow:hidden; margin-left:-10px}
.album_ul *{overflow:hidden}
.album_ul li{float:left; border:1px solid #ddd; background:#fff; width:250px; position:relative; margin:0 0 30px 10px; padding:19px; position:relative}
.album_ul li:hover,.product_ul li:hover{border-color:#02b2b5}
.album_ul li img{width:250px; height:250px; display:block}
.album_ul li .a{height:40px; line-height:40px; padding-top:12px; display:block; font-size:20px; text-align:center; font-weight:bold; position:relative; z-index:9999}
.album_ul li .sl{position:absolute; width:210px; bottom:70px; color:#fff; line-height:30px; font-size:32px; z-index:11;  background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.5) 100%); padding:80px 20px 30px 20px; height:30px; text-align:right}

/*企业相册*/
.album_box{width:100%; height:100%; z-index:9999; position:fixed; left:0; top:0; background:#000; overflow-x:auto; display:none}
.imgs-list-contact,.no_picture{width:100%; padding:40px 0; background:#000; margin:0 auto; position:absolute; left:50%; margin-left:-50%; top:50%; margin-top:-390px; display:none}
.no_picture{text-align:center;color:#bbb; font-size:18px; line-height:447px; height:447px}
.big-pic{width:100%;position:relative; margin:0 auto}
.hidden-img{position:absolute;top:0;left:0;height:100px;width:100px;overflow:hidden;opacity:0;filter:alpha(opacity=0)}
.bigpic-cont{position:relative; width:100%}
.imgBar{position:absolute;width:100%;height:100%}
.imgBar a{display:block;width:40px;height:70px; position:absolute; top:50%; margin-top:-60px}
.imgBar a.c_nor{display:none}
.imgBar a i{display:block; width:100%; height:70px; background:url(../img/zr.png) no-repeat 0 -100px}
.imgBar .c_left{left:100px}
.imgBar .c_right{right:100px}
.imgBar .c_right i{background-position:-60px 0}
.imgBar .c_left:hover i{background-position:0 3px}
.imgBar .c_right:hover i{background-position:-60px -103px}

.vertical-img-h{width:100%;text-align:center;height:800px; overflow:hidden}
.big-pic .vertical-img{width:100%;text-align:center;height:800px; display:table}
.vertical-img a, .vertical-img span{display:table-cell;vertical-align:middle}
.vertical-img img{vertical-align:middle; max-height:800px; max-width:800px}
.pic-group{height:100px; position:relative; width:1190px; margin:20px auto 0}
.pic-group .pic-box .turn{width:48px;height:100px;border:0;cursor:pointer; position:absolute; top:0; background:rgba(185,0,0,0.2);webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}

.pic-group .pic-box .t-left{left:0;background:#002424 url(../img/prev-next.png) no-repeat center center}
.pic-group .pic-box .t-right{right:0;background:#002424 url(../img/prev-next1.png) no-repeat center center}
.pic-group .pic-box .t-left:hover{background:#02b2b5 url(../img/prev-next.png) no-repeat center center}
.pic-group .pic-box .t-right:hover{background:#02b2b5 url(../img/prev-next1.png) no-repeat center center}
.pic-group .pic-box .t-left.diser{}


.pic-group .pic-box .pic-cont{width:1060px;overflow:hidden;position:relative;height:100px; margin:0 auto}
.pic-group .pic-box .pic-cont ul li{float:left;display:inline}
.pic-group .pic-box .pic-cont ul li a{display:block;margin:0 20px 0 0;position:relative; float:left; height:100px;webkit-transition:all 0s ease;-moz-transition:all 0s ease;-o-transition:all 0s ease;transition:all 0s ease}
.pic-cont ul li img{width:100px; height:100px}

.pic-group .pic-box .pic-cont ul .cur-pic a,.pic-group .pic-box .pic-cont ul li a:hover{border:2px #02b2b5 solid;height:96px}
.pic-cont ul .cur-pic img,.pic-cont ul li a:hover img{width:96px; height:96px}

.close_i{display:block; width:33px; height:33px;background:url(../img/close.png) no-repeat; position:absolute; right:100px; top:18px; cursor:pointer}
.close_i:hover{background:url(../img/closea.png) no-repeat}

/*.honor_title{text-align:center; font-size:20px; padding:50px 0}
.honor_txt{text-align:center; line-height:px; color:#666; font-size:12px}
.honor_txt .t{padding:40px 0 0 0}
.honor_txt .t span{padding:0 25px}

.visitor-Nodata{text-align:center; line-height:22px; padding:50px 0; font-size:14px}
.visitor-Nodata .t{font-size:16px; padding:5px 0; line-height:22px}
.visitor-Nodata .t span{display:inline-block}
.visitor-Nodata .t span span{margin-right:5px; float:left}
.icon{background:url(https://ghofn.org/media/sets/sky-1/img/icon.png) no-repeat; display:inline-block}
.icon.icon-warning-small{padding:12px;line-height:22px}

.contact_ul{overflow:hidden}
.contact_ul li{width:50%; float:left; height:30px; line-height:30px}
*/

/*	8新闻动态		*/
.news-lst{padding-top:30px}
.news-lst li{padding-bottom:80px}
.nwlf{float:left; height:80px; padding-top:20px; text-align:center; line-height:30px; background:#f3f3f3; font-size:32px; color:#696969}
.nwlf span{font-size:20px; display:block}

.nwrt{float:left; }
.nwtit{}
.nwtit a{color:#333; font-size:20px; height:28px; line-height:28px; display:block; overflow:hidden}
.nwtit a:hover{color:#02b2b5}
.nwcon{color:#666; margin:0px 0 15px; height:44px; line-height:24px; text-overflow: ellipsis;
-o-text-overflow: ellipsis; overflow:hidden}
.nwion span{display:inline-block; margin-right:10px; display:inline-block; padding:0 15px; font-size:14px; color:#b0b0b0; height:20px; line-height:20px; text-align:center; overflow:hidden; border:1px #ededed solid}
.nwion a:hover{background:none}

.kind-detail-head{font-size:30px; color:#18100a; text-align:center; margin-bottom:25px}
.mark{line-height:30px; text-align:center}
.kind-detail-head .mark span,.kind-detail-head .mark div.share_box{color:#696969; margin-right:30px; font-size:18px;  display:block }
.kind-detail-head .mark div.share_box{padding:0; margin:10px 0 35px; border:none; width:auto; font-size:16px}
.kind-detail-head .mark div.share_box .bdsharebuttonbox {display:inline-block; vertical-align:text-bottom}

.kind-detail-body{text-align:center; padding-bottom:75px}
.detail-region{padding-bottom:55px}
.kind-detail-body p{text-indent:24px; line-height:26px; color:#696969; font-size:16px; margin-top:20px; text-align:left}
.more-pages{padding:8px 0; height:24px; line-height:24px; border:1px #e6e6e6 solid}
.more-pages ul li{float:left; width:49%; height:22px; line-height:22px; overflow:hidden; text-align:center; border-right:2px #e6e6e6 solid}
.more-pages ul li:last-child{border-right:none}
.more-pages ul li:hover{color:#02b2b5}


/*	5荣誉资质		*/
.qualifications_detail{width:1190px; margin:15px auto 0 auto}
.qualifications_detail .title span{font-size:20px; color:#333; text-align:center; display:block; width:100%}
.quality-detail{width:1190px; margin:35px auto 0 auto; text-align:center; padding-bottom:85px}
.quality-detail img{max-width:845px}
.quality-detail p{font-size:16px; color:#333; line-height:30px; margin-top:35px}
.quality-detail p span{margin-right:30px}


/*	7联系我们		*/
.map_0{padding-bottom:125px; margin-top:100px}
.map_pic{margin-right:40px; width:550px; height:330px}
.map_pic,.map_con,.map_ewm{float:left}
.map_con{margin:0px 10px 0 0px; float: left;}
.map_con dt{margin-bottom:10px; font-size:20px; color:#333}
.map_con dd{color:#515151; margin-bottom:4px}
.map_con dd h1{ display: inline;}
.map_ewm{line-height:16px; width:160px; text-align:center}
.map_ewm span{display:block}
.map{ height:280px; width:545px}

/*   2产品中心-详情-大图  */
.product-show{ float:left; margin-bottom:30px; background:#fff}
.prd_border{border:1px #e6e6e6 solid; padding:40px 25px 60px 22px;}
.product-show .title h1{font-size:22px; color:#333; font-weight:bold; float:left}
.product-show .title a{font-size:16px; color:#02b2b5; float:right; margin-top:3px; border:1px #02b2b5 solid;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; width:102px; height:26px; text-align:center; line-height:26px}
.product-show .title a:hover{background:#02b2b5; color:#fff}

.img-box{margin-top:35px}
.bigpic-cont{position:relative}
.img-detail-box .bigpic-cont {position: relative}
.img-detail-box .bigpic-cont .vertical-img {text-align: center; height:455px;width:656px;margin:0px auto 0 auto;display: table}
.img-detail-box .bigpic-cont .vertical-img span {display: table-cell;vertical-align: middle}
.img-detail-box .bigpic-cont .vertical-img img {max-width:656px; max-height:455px}
.img-detail-box .bigpic-cont .imgBar {position: absolute;top: 0;left: 0;bottom: 0;right: 0}
.img-detail-box .bigpic-cont .imgBar a {display: block; width:80px; height:120px; margin-top:179px; cursor: pointer}
.img-detail-box .bigpic-cont .imgBar .c_left {float: left; margin-left:-22px; background:#ccc url(../img/prev-next.png) center center no-repeat; position:static}
.img-detail-box .bigpic-cont .imgBar .c_left:hover {background:#33c0c2 url(../img/prev-next.png) center center no-repeat}
.img-detail-box .bigpic-cont .imgBar .c_right {float: right; margin-right: -26px; background:#ccc url(../img/prev-next1.png) center center no-repeat; position:static}
.img-detail-box .bigpic-cont .imgBar .c_right:hover{background:#33c0c2 url(../img/prev-next1.png) center center no-repeat}

.thumb-list {margin:0 0px 20px 0}
.thumb-list .pic-cont {position: relative;float: left;left: 50%}
.thumb-list .pic-cont ul {position: relative;float: left;left: -50%}
.thumb-list li {float: left;margin-left:10px;display: inline-flex;display:-webkit-inline-flex; width:96px; height:96px;flex-direction: row; align-items: center;justify-content: center;border:2px solid #f9f9f9}
.thumb-list li:first-child {margin-left: 0px}
.thumb-list li img,.thumb-list li a{max-width:96px; max-height:96px}
.thumb-list li.cur-pic,.thumb-list li:hover{border:2px solid #02b2b5}
.img-detail-box .hidden-img {width: 0px; height: 0px}
.img-detail-box .hidden-img img {width: 0px}

.product-intro{ background:#02b2b5; padding:50px 30px 40px; float:left;}
.product-intro li{line-height:36px; font-size:16px; color:#fff}
.product-intro li label{color:#fff; margin-right:15px}
.product-intro li span{font-size:19px}
.product-intro li span em{}
.product-intro .btn{width:180px; margin:30px auto 0 auto}
.product-intro .btn a{width:150px; height:38px; display:block; border-radius:20px; padding-left:30px; line-height:38px; background:url(../img/xp_bs.png) 24px 12px no-repeat; margin-bottom:12px; font-size:18px; color:#fff; text-align:center; border:1px #fff solid}
.product-intro .btn a:hover{background:#fff url(../img/xq_ls.png) 24px 12px no-repeat; color:#02b2b5}


/*  2产品中心-详情   */
.product_top{padding:0; height:520px; position:relative; padding-bottom:28px}
.information_box{border:1px solid #e6e6e6; border-top:2px solid #02b2b5; padding:15px 20px; margin-bottom: 15px;}
.information_box:last-child{ margin-bottom: 0;}
.information_box .t{font-size:20px; color:#02b2b5; font-weight:bold; padding-bottom:10px}
.information_box .t h2{ font-weight: bold;}
.information_box td{line-height:30px; vertical-align: baseline; word-wrap: break-word}
.information_txt{padding:15px 20px 30px 20px; line-height:26px; color:#333}
.information_txt .t{font-size:24px; padding-bottom:15px}
.information_txt p{
	margin: unset;
	padding: unset;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;}
.flip1_box{height:38px; overflow:hidden; border:1px solid #e6e6e6; margin:0 20px 40px;overflow:hidden}
.flip1_box a{display:block; width:50%; float:left; height:38px; line-height:38px; text-align:center; border-left:2px solid #e6e6e6; margin-left:-2px}
.flip1_box a:hover{background:#02b2b5; color:#fff}
.flip1_box a span{display:inline-block;vertical-align:middle; height:38px; overflow:hidden; padding:0 4px}
.flip1_box a .aa{max-width:60%}

.product_show{ float:left; position:relative; z-index: 1;padding-bottom: 10px;}
.product_right{ float:right}
.product_h2{line-height:30px;font-size:22px;margin-top:5px;position:relative; margin-bottom: 10px;}
.product_h2 h1{display:inline;font-weight:900;padding-right:5px;
    word-wrap: break-word;
    text-overflow: -o-ellipsis-lastline;
    }
.product_h2 .e_code{display:inline-block;width:24px;height:24px;position:relative;position:relative;bottom:-5px}
/*.product_h2 .e_code .e_code_img{width:22px;height:22px; position:relative;border:1px solid #e7e7e7;-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px}
.product_h2 .e_code .e_code_img .e_code_box{position:absolute;border:2px solid #b90000; width:107px;padding:10px; background:#fff; left:30px; top:0; display:none; font-size:12px; text-align:center; line-height:18px; z-index:11111}*/
.product_h2 .e_code .pro-qrcode{border:1px solid #e7e7e7;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}
.product_h2 .e_code .thumb_img{padding:3px;background:#f6f6f6;cursor:pointer;display:block}

.product_h2 .e_code .thumb_img{padding:3px;background:#f6f6f6;cursor:pointer;display:block}
/*.product_h2 .e_code:hover .thumb_img{opacity:0}
.product_h2 .e_code:hover{background:url(https://ghofn.org/media/sets/sky-1/img/pic.png) no-repeat center center}
*/.product_txt{line-height:20px;color:#696969;font-size:16px;margin:5px 0 13px;
/*max-height:40px; overflow:hidden;*/}

.product_Price *{overflow:hidden}
.product_Price{position:relative;overflow:hidden;background:#02b2b5; height:95px;padding:18px 0 0 100px;margin-top:15px; color:#fff}
.product_Price dt{position:absolute;left:0;top:0;width:90px;height:95px;text-align:center;padding-top:15px;font-size:16px}
.product_Price dt .s{line-height:50px;height:50px}
.product_Price dd{height:110px;width:100%}
.price_ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:flex;height:95px;text-align:center}
.price_ul li{-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;flex:1}
.price_ul li .s{line-height:50px;height:50px; font-size:14px}
.price_ul li .s .my{font-size:16px;}
.price_ul li .s .my font{font-size:32px}
.product_message{overflow:hidden; padding:6px 0 10px}
.product_message li{float:left; padding:0 30px 0 0; color:#696969; height:30px; line-height:30px}
.product_message li span{padding-right:5px}
.product_links{padding-top:20px}
.product_links a{display:inline-block;overflow:hidden;color:#fff;font-size:18px;margin-right:12px; text-align:center; padding:7px 10px;}
.product_links a span{position:relative;padding-left:25px}
.product_links a span i{position:absolute;left:0;top:3px;width:18px;height:19px}
.product_links a.jt{color:#fff}
.product_links a.jt:hover{background:#009da0;color:#fff}
.product_links a.jt span i{background:url(../img/qq_b1.png) no-repeat}
.product_links a.lwhats span i{background: url(../img/product-whatsapp-button.jpg) no-repeat}
.product_links a.lwhats{background:#2BAC1B; color:#fff}
.product_links a.lwhats:hover{background:#36BC24;}
.product_links a.ly{background:#02b2b5; color:#fff}
.product_links a.ly:hover{background:#009da0;color:#fff}
.product_links a.ly span i{background:url(../img/xp_b1.png) no-repeat}
.product_links a.ly:hover span i{background:url(../img/xp_b1.png) no-repeat}
.product_links a.buy{background:#0ba9f3; color:#fff;}
.product_links a.buy span i{background:url(../img/buy.png) no-repeat;  background-size:18px 18px;}
.product_label{height:30px; line-height:30px;color:#b2b2b2; position:absolute; right:40px; bottom:30px}
.product_label span{padding-left:5px}

/*图片放大镜*/
#showbox{background:#eee; position:relative; width:100% !important; height:100% !important;}
#showbox > div{ width:100% !important; height:100% !important; overflow:hidden}
#showbox a img{ width:100% !important; height:100% !important; position:absolute; left:0; top:0}
#showbox i{position:absolute; width:30px; height:30px; right:0; bottom:0;background:url(../img/zoom.png) no-repeat; z-index:99999}
#showbox span{background:url(../img/whitebg.png) repeat}
#showsum{left:7%; margin-top:15px; width:90% !important;}
#showsum span{border:1px solid #f6f6f6}
#showsum span.sel{border:2px solid #02b2b5}
.showpage{width:100%; position:relative}
.showpage a{display:block; width:30px; height:98px; line-height:98px; text-align:center; font-size:20px; position:absolute; left:0; top:-100px; text-decoration:none; color:#999;background:url(../img/lf.png) no-repeat center center #F6F6F6; border:1px #e6e6e6 solid}
.showpage a#shownext{left:auto; right:0;background:url(../img/rt_h.png) no-repeat center center #F6F6F6;}
.showpage a:hover{background:#02b2b5 url(../img/lf_h.png) no-repeat center center #F6F6F6;}
.showpage a#shownext:hover{background:#02b2b5 url(../img/rt.png) no-repeat center center #F6F6F6;}
.showbox img{ width:100%;}

/*1首页*/
.pro_tit{text-align:center; padding-top: 30px;}
.bt{font-size:24px; line-height:26px; display: block;}
.bt h2{font-size:24px; }
.ywbt{color:#a5a5a5; font-size:18px; display:block; text-transform:uppercase}
.pro_line{border-top:1px #ececec solid; width:100%; position:relative; margin:10px auto 0}
.lin_bg{width:24px; background:#fff; position:absolute; margin-left:49%; top:-3px}
.lin_bg span{width:36px; height:5px; background:#03b2b5; border-radius:50px; display:block}

.tab_nws{margin-top:30px; padding-bottom:55px; position:relative}
.tab-tit{ text-align:center;}
.tab-tit li{ width:180px; margin-right:20px; text-align:center; margin-bottom:10px; display:inline-block; }
.tab-tit li a{height:38px; line-height:38px; width:160px; padding:0 10px; overflow:hidden; background:url(../img/tb_bj.jpg) no-repeat; display:block; font-size:18px}
.tab-tit li a:hover,.tab-tit li.now a{color:#fff; background:url(../img/tbbj_h.jpg) no-repeat}

.tab-show{padding-top:40px}
.tab-cont-1{ display:none}
.tab-cont-1 ul{}
.tab-cont-1 ul li{ padding:10px; float:left}
.tab-cont-1 ul li dl{ width:100%; border:1px #f3f3f3 solid; padding:20px;}
.tab-cont-1 ul li dt img{ width:100%; height:auto;}
.tab-cont-1 ul li dt a{ display:block}
.tab-cont-1 ul li dt a:hover{border-color:#3360c4}
.tab-cont-1 ul li dd{text-align:left;height:auto; height:55px; line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.tab-cont-1 ul li dd.title{ border-top: solid 1px #f4f4f4; padding-top: 10px; margin: 10px 0;}
.tab-cont-1 ul li dd a{font-size:16px; color:#696969}
.tab-cont-1 ul li dd a strong{ font-weight: normal;}
.tab-cont-1 ul li dd a:hover{color:#02b2b5}
.tab-cont-1 ul li dd.price{color:#02b2b5; font-size:22px;  margin:8px 0 17px; height:24px; padding-bottom:15px; border-bottom:1px #f4f4f4 solid}
.tab-cont-1 ul li dd.price .ft12{font-size:18px}
.tab-cont-1 ul li dd.price .fts{ font-size:26px}
.tab-cont-1 ul li dd.contact{ text-align: center;}
.tab-cont-1 ul li dd.contact a{display: inline-block; width: 90%; height: 30px; overflow: hidden; border: 1px solid #02b2b5; line-height: 30px; color: #fff; font-size: 18px; background: #02b2b5;
border-radius: 20px;-moz-border-radius: 20px; -webkit-border-radius: 20px; text-align: center;}
.tab-cont-1 ul li dd.contact a:hover{background:#009da0;color:#fff;}

.tab-cont-1 ul li dl:hover{border-color:#02b2b5 }

.jpcc{width:100%; background:#02b2b5; padding-bottom: 30px;}
.jpcc_box{padding:80px 0 100px}
.recommend_box .jpcc_box{padding:60px 0 10px}
.jpcc .pro_tit .bt{color:#fff; font-size:28px; font-weight:bold; display: inline-block}
.jpcc .pro_tit .bt em{font-weight:normal}
.jpcc .ywbt{display:inline-block; color:#fff; font-size:24px; font-weight:normal}
.jpcc .tab_nws{margin-top:60px; padding:0}
.jpcc .tab-cont-1 ul li{background:#fff; border:none;}

.ab_con{font-size:16px; color:#fff; margin:20px auto 25px; height:75px; text-indent:24px; overflow:hidden}
.ab_more{width:160px; height:44px; line-height:44px; text-align:center; border:1px #fff solid; border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px; display:block; margin:0 auto; color:#fff}
.ab_more:hover{color:#02b2b5; background:#fff}
.syus{padding:80px 0 100px}
.new_t{padding:35px 0 100px; }
.new_t li{float:left;}
.new_t li a{font-size:20px; display:block; text-align:center; margin-bottom:10px; height:32px; overflow:hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis;  }
.new_t li a:hover{color:#02b2b5}
.new_t li p{text-indent:24px; color:#696969}
.company-news{ position: relative;}
.company-news a.more{ position: absolute; right: 10px; top:-30px; color: #333;}
.company-news a.more:hover{color:#02b2b5}
.link_0{background:#f3f3f3; width:100%}
.link_0 .link{padding:30px 0 20px}
.link{ margin:0 auto}
.link dt{font-size:18px; font-weight:bold; margin-right:5px}
.link dt,.link dd{float:left}
.link dd{width:1100px}
.link a{margin:5px 15px;height:20px; line-height:20px; display:inline-block}
.link a:hover{color:#02b2b5}

.news_0 .pro_tit{padding:60px 0 0 0}


/*	浮动		*/
.sideBar{width:160px; position:fixed; right:-160px; z-index:9999; top:30%; margin-top:0}
.sideBar .close{width:55px; height:70px; padding:53px 5px 0; position:absolute; left:-65px; border-radius:15px 0 0 15px; color:#fff; font-size:16px; background:#02B2B5 url(../img/fdbj.png) no-repeat; top:0;  text-align:center; line-height:20px; cursor:pointer}
.sideBar .close i{display:block; width:6px; height:11px; margin:3px auto 0 auto}
.sideBar .close.hover i{background-position:0 0}
.sideBar .txt{width:154px;border:2px solid #02b2b5; background:#fff}
.sideBar .txt .phone{background:#fff url(../img/dh_a.png) no-repeat center 20px; padding:57px 0 0px 0; text-align:center; color:#02b2b5; font-size:18px; line-height:25px}
.pa_10_15{padding:5px 15px 12px}
.sideBar .txt .phone p{margin-bottom:5px; line-height:20px; width:124px; padding:0 10px; word-wrap:break-word}
.sideBar .txt .a{display:block; height:30px; background:#02b2b5; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; text-align:center; margin-bottom:10px; line-height:30px; color:#fff}
.sideBar .txt .a:hover{background:#009da0}
.sideBar .txt .a span{padding:2px 0 2px 23px}
.sideBar .txt .qq span{background:url(../img/fdqq.png) no-repeat 0 center}
.sideBar .txt .xp span{background:url(../img/fdjt.png) no-repeat 0 center}
.sideBar .txt .see{background:#fff; line-height:16px; text-align:center; font-size:14px; color:#696969; margin-top:10px}
.sideBar .txt .see img{display:block; width:100%}
.sideBar .txt .top{display:block; text-align:center; color:#696969; font-size:14px; height:20px; padding:10px 0 10px 0;background:url(../img/top.png) no-repeat center 0; cursor:pointer}
.sideBar .txt .top:hover{color:#009da0; background:url(../img/top_0.png) no-repeat center 0}


.index_show{height:550px; background:#ccc; overflow:hidden; position:relative}
#wowslider-container a.ws_next span{background:url(../img/sy_rt.png) no-repeat center center}
#wowslider-container a.ws_prev span{background:url(../img/sy_lf.png) no-repeat center center}
#wowslider-container .ws_bullets a {
	margin-left:10px;
	width:26px;
	height:26px;
	float: left;
	text-indent: -4000px;
	position:relative;
	background:url(../img/bn_d.png) no-repeat
}
#wowslider-container .ws_bullets a.ws_selbull, #wowslider-container .ws_bullets a:hover{
	background:url(../img/bn_dh.png) no-repeat;
}
#wowslider-container,#wowslider-container .ws_images{max-height:550px}
#wowslider-container .ws_images img{height:550px !important}
#wowslider-container .ws_bullets a,#wowslider-container .ws_bullets a.ws_selbull, #wowslider-container .ws_bullets a:hover{border:none}
#wowslider-container a.ws_next, #wowslider-container a.ws_prev{opacity:0.2; filter:Alpha(opacity=20)}
#wowslider-container a.ws_next:hover,
#wowslider-container a.ws_prev:hover{
	background:#02b3b4;opacity:1;filter:Alpha(opacity=100);
}
.visitor-Nodata p.t{text-align:center; padding-bottom:30px}
.number-page{text-align:center; font-size:20px; color:#ccc; line-height:20px; padding-bottom:10px; position:absolute; left:0; width:100%; bottom:0}


/*产品地图页*/
.cp_dt{margin-bottom:40px; width:960px}
.cp_dt li{width:430px; float:left; overflow:hidden; height:44px; line-height:44px; margin-right:50px; border-bottom:1px #d0d0d0 dashed}
.cp_dt li a{color:#696969; height:44px; line-height:44px; display:block; overflow:hidden; word-wrap: break-word; word-break: break-all}
.cp_dt li a:hover{color:#02b2b5}
.cp_dt li a span{background:url(../img/ion_0.png) no-repeat 0 -45px; display:inline-block; height:9px; width:8px; margin-right:5px}
.cp_dt li a:hover span{background-position: 0 0}
.zhichi span{margin:0 7px}
.zhichi span a{display:inline-block}


.pt_0{padding:0}
.product_box .pro_tit{padding:30px 0 0 0}

/* 语言切换 */
.head_0 .bw_1190{position: relative; padding-top:30px;}
.head_0 .bw_1190 .language-switch{position: absolute; top:15px; right: 15px; line-height:initial; cursor: pointer}
.language-switch span{width: 90px; font-size: 16px; color: #333; display: block; height: 18px; line-height: 18px; position: relative}
.language-switch span i{font-style: normal}
.head_0 .language-switch .slide-item{display: none}
.language-switch span img{margin: -3px 8px 0 0}
.language-switch span .slide{width:11px; height: 6px; display: inline-block; margin-left: 11px; background: url(../img/slide-icon.png) left top no-repeat; position:absolute; right:0;top:6px;vertical-align: 2px}
.head_0 .language-switch ul{margin-top: 6px}
.head_0 .language-switch ul li{line-height: initial; line-height: 24px; height: 24px; font-size: 16px; color: #909090}
.head_0 .language-switch ul li a{font-size: 16px; color: #909090; font-weight: normal}
.head_0 .language-switch ul li a:hover{color:#333}
.head_0 .language-switch ul li img{margin: -2px 8px 0 0}

/* 公司视频 */
.place-video,.video{background: #f8f8f8}
.video-page{background: #f8f8f8; padding:40px 0 80px 0; margin-top: -40px}
.video-page .paging_box{margin: 0 auto}
.video-page .paging_box .resultNum{margin: 0}
.compfile-video{border-bottom: solid 1px #e2e2e2; padding-bottom: 18px}
.video-list{width: 1190px; margin:30px auto 40px auto}
.video-list li{width:280px; height: 280px; float: left; margin:0 8px 10px; background:#fff}
.video-list li a.video-img{width: 280px; height:200px; display: block; position: relative}
.video-list li a.video-img i{width:60px; height: 60px; display: block; position: absolute; left: 110px; top: 70px; background: url(../img/play.png) left top no-repeat}
.video-list li a.video-img em{width: 271px; height:30px; display: block; position: absolute; bottom: 0; left: 0; line-height: 30px; font-size: 16px; color: #fff; text-align: right; padding-right: 9px;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.5)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
	background: -ms-linear-gradient(top rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
}
.video-list li span{width: 280px; display: block; margin:15px auto 0; font-size: 18px; line-height: 24px}
.video-list li span a{color: #333}
.video-list li span a:hover{color: #02b2b5}

.video-content{width:100%; height:690px; background:#292929}
.video-inner{width:1190px; margin:0 auto; margin:0 auto}
.video-inner .crumb{width:1190px; height:70px; line-height:70px; font-size:16px; color:#fff; margin-left:-5px; padding:0}
.video-inner .crumb a{margin:0 5px; color:#fff}
.video-inner .crumb span{margin-left:5px; font-weight: bold}
.video-inner .video-left{width:700px; float:left}
.video-inner .video-left .video-player{width:700px; height:482px}
.prism-player{width:700px; height:482px}
.video-inner .video-left .video-intro{margin-top:28px; width:700px; position:relative}
.video-inner .video-left .video-intro .video-name em{font-size:24px; color:#fff; display: inline}
.video-inner .video-intro .video-name .collect{margin-left:12px; display:inline-block; position:relative}
.video-inner .video-intro .video-name .collect i{width:17px; height:16px; display:block; background:url(../img/collect.png) left top no-repeat; cursor:pointer}
.video-inner .video-intro .video-name .collect i.current{background:url(../img/collect-cur.png) left top no-repeat}
.video-inner .video-intro .video-name .collect em{width:30px; height:17px; display:block; background:#fff; border-radius:5px; font-size:14px; color:#000; font-weight:bold; position:absolute; left:3px; top:-24px; text-align:center; line-height:17px; display:none}
.video-inner .video-intro .video-name .collect em.current{width:60px; left:0}
.video-inner .video-intro .video-name .collect em:after{content:''; border-top:solid 3px #fff; border-right:solid 3px transparent; border-bottom:solid 3px transparent; border-left:solid 3px transparent; position:absolute; left:20%; top:17px}
.video-inner .video-intro ul{margin-top: 5px}
.video-inner .video-intro ul li{font-size: 18px; color: #666}
.video-inner .video-intro a.detail-btn{width:125px; height:48px; display:block; background:#02b2b5; border-radius:5px; color:#fff; font-size:18px; font-weight:bold; text-align:center; line-height:48px; position:absolute; top:12px; right:0}

.video-right{width:450px; background:#1f1f1f; float:left; margin-left:20px; height:620px;padding-left:20px}
.video-right .title{height:58px; line-height:58px}
.video-right .title span{font-size:20px; color:#fff;display: inline;vertical-align: -2px}
.video-right .title a{color: #ccc; line-height: 58px; font-size: 16px; text-align: right; float: right; display: block; margin-right: 20px}
.video-right .title a:hover{color: #02b2b5}
.video-right ul{overflow:hidden; height: 516px; zoom:1; float:left;  }
.video-right li dl{width:450px}
.video-right li dl dd{width:205px; height:172px; float:left; margin-right:20px}
.video-right li dl dd a{width:205px; height:120px; display:block}
.video-right li dl dd img{width:205px; height:120px;object-fit: cover}
.video-right li dl dd:hover img{box-sizing: border-box; border: solid 2px #02b2b5}
.video-right li dl dd span{height:52px; line-height:52px; width:205px; display:block; overflow: hidden; text-align:center}
.video-right li dl dd span a{height:52px; display: block; overflow: hidden; font-size:16px; color:#fff}
.video-right li dl dd:hover span a{color: #02b2b5}

.slideBox{width:450px; float:left;height:562px; overflow:hidden;position:relative;  }
.slideBox .hd{height:15px; overflow:hidden; display:table; margin:-37px auto 0}
.slideBox .hd ul li{width:10px; height:10px; display:block; float:left; background:#505050; border-radius:100px; margin:0 5px;cursor:pointer}
.slideBox .hd ul li.on{background:#02b2b5}
.slideBox .bd{position:relative; height:100%; z-index:0}
.slideBox .bd li{zoom:1; vertical-align:middle}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev{width:10px; height:17px; display:block; background:url(../img/prev.png) left top no-repeat; position:absolute; left:150px; bottom:24px}
.slideBox .next{width:10px; height:17px; display:block; background:url(../img/next.png) left top no-repeat; position:absolute; right:150px; bottom:24px}
.slideBox .prev:hover{background:url(../img/prev-cur.png) left top no-repeat}
.slideBox .next:hover{background:url(../img/next-cur.png) left top no-repeat}
.slideBox .prevStop{display:none;  }
.slideBox .nextStop{display:none;  }

.content-company{width: 100%; background: #f8f8f8; padding-bottom: 40px}
.company-intro{width: 1190px; margin:0 auto; padding-top: 10px}
.company-intro .left-intro{width:780px; float: left}
.company-intro .video-intro1 span.title{height: 60px; line-height: 60px; font-size: 24px; color: #000}
.company-intro .video-intro1 .art{width:780px; float: left; background: #fff; padding:10px 0 15px 0}
.company-intro .video-intro1 .art p{line-height: 34px; font-size: 16px; color: #666; width: 745px; margin:0 auto}
.company-intro .right-intro{width:400px; float: left; margin-left: 10px}
.company-intro .company-pro .title{margin-left: 20px}
.company-intro .company-pro .title span{height: 60px; line-height: 60px; font-size: 24px; color: #000}
.company-intro .company-pro .title a{font-size: 16px; color: #666; float: right; line-height: 60px}
.company-intro .company-pro .title a:hover{color: #02b2b5}
.company-intro .company-pro li{width:180px; height: 224px; background: #fff; float: left; margin:0 0 20px 20px; text-align: center}
.company-intro .company-pro li a.pro-img{width: 180px; height: 180px; display: block}
.company-intro .company-pro li span{width: 170px; height: 44px; display: block; margin:0 auto; overflow: hidden; line-height: 44px}
.company-intro .company-pro li a{font-size: 16px; color: #000}
.company-intro .company-pro li a:hover{color: #02b2b5}

.sideBar2{width:64px; background:#fff; position:fixed; top:170px; right:30px; border:solid 1px #f5f5f5; border-radius:5px}
.sideBar2 .code{height:53px; padding-top:22px; border-bottom:solid 1px #f5f5f5; cursor:pointer; position:relative}
.sideBar2 .code a{width:20px; height:32px; display:block; background:url(../img/code.png) left top no-repeat; margin:0 0 0 22px}
.sideBar2 .code a.wechat{width:26px; height:22px; display:block; background:url(../img/wechat.png) left top no-repeat; margin:0 0 0 19px}
.sideBar2 .code:hover a{opacity: 0.8}
.sideBar2 .code-mobile{width:178px; height:205px; background:#fff; border:solid 1px #f5f5f5; position:absolute; left:-181px; top:5px; text-align:center; display:none}
.sideBar2 .code-mobile img{width:140px; height:140px; display:block; margin:19px 0 11px 19px}
.sideBar2 .code-mobile em{font-size:16px; color:#000; font-weight:bold; margin-top:10px}
.sideBar2 .share_box{padding:0; width: auto}
.sideBar2 .share_box .bdshare-button-style2-24 a{display:block; width:64px; height:48px; border-bottom:solid 1px #f5f5f5; margin:0}
.sideBar2 .share_box a.sina{width:28px; height:22px; display:block;border-bottom: solid 1px #f5f5f5; background:url(../img/sina.png) 18px 27px no-repeat; padding:27px 18px}
.sideBar2 .share_box a.qq_space{width:24px; height:22px; display:block;border-bottom: solid 1px #f5f5f5; background:url(../img/qzone.png) 20px 27px no-repeat; padding:27px 20px}
.sideBar2 .share_box a.qq{width:20px; height:22px; display:block;border-bottom: solid 1px #f5f5f5; background:url(../img/qq.png) 22px 27px no-repeat; padding:27px 22px}


/*新增热门产品*/
.index_hot{background:#f8f8f8; padding:60px 0}
.index_hot .hot_ul{padding-top:40px}
.hot_ul{overflow:hidden; margin-left:-10px}
.hot_ul *{overflow:hidden}
.hot_ul li{width:200px; padding:14px; border:1px #f3f3f3 solid; margin-left:10px; float:left; background:#fff}
.hot_ul li dd{text-align:left; height:40px; line-height:20px}
.hot_ul li img{width:200px; height:200px}
.hot_ul li dd a{font-size:16px; color:#696969}
.hot_ul li dd a:hover{color:#02b2b5}
.hot_ul li dd.price{color:#02b2b5; font-size:22px; margin:8px 0 17px; height:24px; padding-bottom:15px; border-bottom:1px #f4f4f4 solid}
.hot_ul li dd.price .ft12{font-size:18px}
.hot_ul li dd.price .fts{ font-size:26px}
.hot_ul li:hover{border-color:#02b2b5}

.hot_right{padding-bottom:80px; margin-top:-50px}
.hot_right .hot_ul{margin-left:-17px}
.hot_right .hot_ul li{width:170px; padding:0; margin-left:17px; border:0}
.hot_right .hot_ul li a{display:block}
.hot_right .hot_ul li dd{text-align:left; height:20px; line-height:20px}
.hot_right .hot_ul li img{width:168px; height:168px;  border:1px #f3f3f3 solid;}
.hot_right .hot_ul li dd a{font-size:16px; color:#696969}
.hot_right .hot_ul li dd a:hover{color:#02b2b5}
.hot_right .hot_ul li dd.price{margin:5px 0 0 0; height:24px; padding-bottom:0; border-bottom:0}

.hot_left{overflow:hidden; border:1px solid #e6e6e6;}
.hot_left li{height:80px; border-top:1px solid #f0f0f0; margin-top:-1px; padding:20px 20px 20px 110px; position:relative}
.hot_left li img{width:78px; height:78px; border:1px solid #e6e6e6; position:absolute; left:20px; top:50%; margin-top:-40px; webkit-transition:all 0.8s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}
.hot_left li:hover img{border:1px solid #02b2b5;}
.hot_left li:hover a{color:#02b2b5}
.hot_left li .t{height:40px; line-height:20px; overflow:hidden; margin:20px 0}

.con{padding-bottom:20px}
.con2{ padding-bottom: 0;}

.home-show{ float: left; padding: 10px 10px 20px 10px; border: solid 1px #02b2b5;}
.home-show .title{ margin-bottom:25px;}
.home-show .title i{
    width: 4px;
    height: 18px;
    display: inline-block;
    background: #02b2b5;
    border-radius: 3px;
    margin-right: 10px;
    vertical-align: -3px;
}
.home-show .img-show {
    float: left;
}
.home-show .img-show .big-img{  height:180px; border-radius:3px;}
.home-show .img-show .big-img li img{ width:250px; height:180px;}
.home-show .img-show .small-img .scroll{ width:202px; overflow:hidden; height:46px; left:24px;}
.home-show .img-show .small-img{ height:46px; margin-top:10px;}
.home-show .img-show .small-img ul li{ margin-right:6px;}
.home-show .img-show .small-img ul li img{ width:44px; height:44px;}
.home-show .img-show .small-img .prev-next a{ width:8px; height:14px; display:block; background-position:-63px -56px;}
.home-show .img-show .small-img .prev-next a.default{background-position:-38px -56px;}
.home-show .img-show .small-img .prev-next a.next{ left:242px; background-position:-73px -56px;}
.home-show .img-show .small-img .prev-next a.next.default{ background-position:-50px -56px;}
.home-show .img-show .small-img ul li.current:after {position: absolute;top: -8px;left: 45%;content: '';width: 0;height: 0;border-top: 3px solid transparent;border-left: 4px solid transparent;border-right: 4px solid transparent;border-bottom: 5px solid #999;}
.home-show .simple-intro{ margin-left:12px; float: left; margin-top:30px;}
.home-show .simple-intro .title {font-size: 18px;line-height: 22px; margin:4px 0 10px 0;}
.home-show .simple-intro .title a{color: #333;}
.home-show .product_right ul{ margin-top:10px;}
.home-show .product_right ul li{ color:#333; line-height:28px;}
.home-show .product_right ul li label{ width:135px; color:#666;}
.home-show .product_right ul li span{ width:303px;}
.home-show .simple-intro .contact-btn a{ width:198px; height:50px; margin-right:20px;}
.home-show .simple-intro .contact-btn{ margin:25px 0 0 2px;}
.home-show .simple-intro .contact-btn a.add{ margin-right:0;}
.simple-intro .contact-btn a {
    width: 218px;
    height: 50px;
    border: solid 1px #02b2b5;
    display: block;
    float: left;
    background: #02b2b5;
    text-align: center;
    line-height: 52px;
    font-size: 22px;
    color: #fff;
    border-radius: 3px;
    margin-right: 30px;}
.simple-intro .contact-btn a:hover{background:#009da0; color:#fff;}
.simple-intro .contact-btn a.add {background: #fff; color: #02b2b5;}
.simple-intro .contact-btn a.add:hover{background:#02b2b5; color:#fff}


.product_right ul{ margin-top:15px; overflow:hidden;}
.product_right ul li{ color:#999; line-height:28px; font-size:14px; display:block; min-height:28px; position:relative;overflow: hidden;}
.product_right ul li label{ width:32%; float:left; display:block; }
.product_right ul li span{ display:block; float:left; width:67%; color:#333;}
.product_right ul li span strong{ font-weight:normal;}
.product_right ul li span a{ color:#333;}
.product_right ul li span a:hover{ text-decoration:underline;}
.product_right ul li span em{ padding:0 8px;}
.product_right ul li span .more-price{ display:inline-block; height:22px;}
.product_right ul li span i{ width:42px; height:14px; border:solid 1px #99a5b6; font-size:14px; line-height:14px; text-align:left; padding-left:4px; margin-left:10px; border-radius:3px; font-style:normal; color:#99a5b6; background:#fff url('../../../../img/env2/main/shop/shop-icon.png') 35px -100px no-repeat;display:inline-block; cursor:pointer;}
.product_right ul li i.current{background:#fff url('../../../../img/env2/main/shop/shop-icon.png') 35px -166px no-repeat;}
.product_right ul li span img{ height:20px; margin-top:4px;}
.product_right ul li:last-child span{ margin-bottom:5px;}

.product_right ul li table{ position:absolute; left:120px; top:28px; z-index:999; border:solid 1px #ddd; border-bottom:none; border-right:none; border-radius:3px 3px 0 0; width:320px; background:#fff; display:none;}
.product_right ul li table td,.product_right ul li table th{ width:150px; height:26px; text-align:left; padding-left:10px; border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; color:#666;}
.product_right ul li table th{ background:#f5f5f5; font-weight:normal;}

.link_1{ margin-top: -35px;}
.hidden_groups {max-height: 60px;overflow: hidden;}
.hidden_group .current {max-height: unset;overflow: unset;}
.hidden_group .more{display:block; height:40px; text-align:center; line-height:40px; color:#333; cursor:pointer; overflow:hidden; border-top:1px #eeeeee solid}
.hidden_group .more span{padding-right:18px; background:url(../img/ioc_ba.png) no-repeat right center}
.hidden_group .more.hover span{background:url(../img/ioc_t.png) no-repeat right center}

/*lang-select*/
.select-flag{ position: absolute; right: 0; top: 0; z-index: 999;}
.lang-select{ width:100%; height:32px; background:#f5f5f5; border-bottom:solid 1px #e1e1e1;}
.lang-select .lang-inner{ width:980px; margin:0 auto; line-height:32px; position:relative;z-index:99;}
.lang-select .lang-inner ul{ float:left;}
.lang-select .lang-inner ul li{ float:left; margin-right:14px; color:#666; font-size:14px;}
.lang-select .lang-inner ul li span{ color:#666; margin-right:14px; background:url(https://ghofn.org/media/sets/sky-1/img/tel-flag.png) left center no-repeat; display:inline-block; padding-left:24px;}
.lang-select .lang-inner ul li a{ color:#666;}
.lang-select .lang-inner ul li a:hover{ color:#6c7c93;}

.select-flag{ float:right; width:158px; position:absolute; right:0; top:15px; }
.select-flag.current{ right:0; top:15px;}
.select-flag .select-box{ width:158px; height:40px; margin-bottom:-5px;}
.select-flag .select-box span{ font-size:14px; color:#333; line-height:initial;}
.select-flag .select-box span img{ margin:10px 8px 0 8px; display:inline-block; vertical-align: -1px;}
.select-flag .select-box i{ width:10px; height:6px; display:inline-block; background:url(../img/slide-flag.png) left top no-repeat; position:absolute; right:7px; top:14px;}
.select-flag .selectMenu{ width:158px; background:#fff;border:solid 1px #e1e1e1;}
.select-flag .selectMenu a{ height:22px; width:150px; display:block; overflow: hidden; line-height:22px; color:#666666; padding-left:8px; font-size:14px;}
.select-flag .selectMenu a:hover{ color:#6c7c93; background: #f5f5f5;}
.select-flag .selectMenu a img{ margin-right:8px;vertical-align: -1px;}

.junwa{ width: 100%; background: #02B2B5; overflow: hidden; margin-bottom: 20px; color: #fff;}
.junwa .all-categories{ margin: 0 auto; padding: 100px 0 70px 0;}
.junwa .all-categories h2{ font-size: 28px; font-weight:bold; text-align: center; margin-bottom: 20px;}
.junwa .all-categories p{ text-align: center;}

/** view_pdf */
.information_txt .view_pdf{float: right;font-weight: normal;font-size: 16px;line-height: 16px;margin: 0;    margin-right: 13px;}
.information_txt .view_pdf i {background-image: url(https://acrobat.adobe.com/etc/clientlibs/beagle/ace/reimagine/source/img/doccloud/product-icon-dc.svg);width: 16px;height: 16px;margin-right: 8px;vertical-align: top;display: inline-block;}

/*Classification description*/
.product-all .intro-txt p{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.product-all .intro-txt .see_more{height: 40px;background: #fafafa;line-height: 40px;text-align: center;}
.product-all .intro-txt .see_more a{font-size: 18px;font-weight: bold;color: #666;}
.question-title{ margin-bottom:10px; overflow:hidden; margin-top:15px;}
.question-title h2{ font-size:22px; text-transform:capitalize;}
.question-answers li{ line-height:160%; padding-top:8px;}

.title h2{font-size:24px; font-weight:bold; }

.group-block .content{margin-top:20px;}
.sldet dl{ border-bottom:1px solid #ddd;}
.sldet dl:hover{ background:#F9F9F9;}
.sldet dl dt a{ width:70%; float:left;}
.sldet dl dt{ overflow:hidden; line-height:30px;}
.sldet dl dt .fuhao{ float:right;}
.product_right ul li span{text-overflow: ellipsis;
white-space: nowrap; 
overflow: hidden;}




/*2022-2-28*/
.dianji{ display:none; text-align:left; padding-left:20px; padding-top:8px; cursor:pointer; padding-bottom:8px;}
.there{ display:none; position:fixed; width:100%; left:0; top:0; height:100%; background:#fff; z-index:9999;}
.dianji img{ width:30px;}
.gbi{ padding-right:20px; font-size:20px; width:100%; text-align:right;margin-top:10px;}
.thger{ padding:0 20px; overflow:hidden;}
.thger p{ font-size:18px; margin:0; border-bottom:1px solid #ddd; padding:10px 0;}
.thger p a{ color:#333;}
.container2{ max-width:1190px; margin:0 auto;}
a:hover,a{text-decoration:none !important;}
.product_show{ padding-right:20px !important;}
#showbox > div img{ width:100% !important; height:100% !important;}
.main_wrap{ width:100%; overflow:hidden; background-color:#fff;}
.prd_height{ height:590px; overflow:hidden}

@media (max-width: 1200px) { 
.hd_dh li a{ padding:0 15px 17px;}

}
@media (max-width: 990px) { 
.head_0{ border-bottom:0;}

.head_0 .bw_1190{ padding-top:10px;}
.logo .xmt h1{ font-size:20px !important;}
.product_right ul{}
}
@media (max-width: 980px) { 
.hd_dh{ display:none;}
.dianji{ display:block; background:#03b2b5; padding-bottom:8px;}
.select-flag.current{ top:auto; bottom:0;}
.select-flag{ top:auto; bottom:0;}
.select-flag .select-box span{ color:#fff;}
.product_top .product_show{ padding-right:0px !important;}
}
@media (max-width: 770px) { 
.prd_height{ height:auto;}
.content_right{ padding-left:0 !important;}
}
@media (max-width: 640px) { 
.logo .xmt{ font-size:16px;}
.tab-cont-1 ul li{ padding:5px;}
.tab-cont-1 ul li dd.contact a{ font-size:16px;}
.tab-cont-1 ul li dl{ padding:10px;}
.foot dl.popular-pro{ margin-top:20px;}
.content_right{ padding-right:0 !important;}
.liprd{padding:10px;margin: 0 0 10px 0px;}
.content_left{ margin-top:30px;}
.information_txt table{ display:block; overflow-x:scroll;}
.details_ul li{ width:98%;}
.logo .xmt h1{ font-size:16px !important;}
}

@media (min-width: 1200px) { 
	
}