/****/
* { margin: 0; padding: 0;-webkit-appearance: none;word-break: break-word!important;}
body,html{ color: #333; background: #fff; font:14px/2 gothic,"Helvetica Neue", "Microsoft Yahei","Hiragino Sans GB",sans-serif;}
ul, li { list-style-type: none; }
table{border-color: #e5e5e5; width: 100%!important; border-collapse: collapse;}
td,th {border-color: #e5e5e5; padding: 10px;}
table.hide_line,table.hide_line td{border:none!important;}
input, button, select, textarea { outline: none;resize: none;font:14px/2 gothic,"Helvetica Neue", "Microsoft Yahei","Hiragino Sans GB",sans-serif; background: none; color: #666; text-indent: 6px; margin: 0; padding: 0; border: 1px solid #ebebeb;}
input:focus,textarea:focus{border-color: #0098a7}
img { border:0; vertical-align: middle;}
a{ color: #333; text-decoration: none; }
a:hover{color: #0098a7}
input[type="button"], input[type="submit"]{-webkit-appearance: none;}
small{color: #999; font-style: normal;}
.f{padding: 0 60px;}
hr{height: 1px; border: none; background-color: #efefef;}
.hide,.gg_widget .gg_t,.gg_widget .gg_desc{display: none;}
.fl{float: left;}
.fr{float: right;}
.bg{background: #f8f8f8;}
.mt_15{margin-top: 15px!important;}
.mt_20{margin-top: 20px!important;}
.mt_40{margin-top: 40px!important;}
.mt_50{margin-top: 50px!important;}
.pt_80{padding-top:80px!important;}
.pt_90{padding-top:90px!important;}
.pb_100{padding-bottom:100px;}
.container{padding-top: 100px;}
.w{max-width: 1440px; margin: 0 auto;}
.clear{clear:both;}
.clearfix {*zoom: 1;}
.clearfix:before,.clearfix:after { display: table; content: ""; line-height: 0;}
.clearfix:after { clear: both;}
.img_list_box{display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap;}
.scale_img img{transition: All .4s ease-in-out;  -webkit-transition: All .4s ease-in-out;  -moz-transition: All .4s ease-in-out;  -o-transition: All .4s ease-in-out;}
.scale_img img:hover{transform: scale(1.1);  -webkit-transform: scale(1.1);  -moz-transform: scale(1.1);}
.content img{max-width: 100%;height: auto!important;}
/*top-header*/
.index_head{position: relative;}
.header {height: 100px;position: fixed;left: 0;right: 0;top: 0;z-index: 20;display: flex;background-color: #fff;}
.header .logo a{display: block;padding: 33px 0;}
.header .logo img{height: 33px;}
.lang{text-align: left;position: relative;}
.lang a.curr,.lang a.curr:hover {color: #fff;display: block;line-height: 100px;padding-right: 18px;position: relative;margin: 0 20px 0 10px;}
.lang a.curr span{display:block;float: left;width: 30px;height: 30px;margin: 35px 5px 0 0;border-radius: 100%;-webkit-border-radius: 100%;-moz-border-radius: 100%;-ms-border-radius: 100%;background:#0098a7 url(../images/lang.gif) no-repeat left center;background-size: 30px;}
.lang .curr i{width: 10px;height: 100px;position: absolute;right: 0;top: 0;background: url(../images/arr_s.png) no-repeat center center;transition: all ease .2s;-webkit-transition: all ease .2s;-moz-transition: all ease .2s;background-size: 100% auto;}
.index_head .lang .curr i{background-image: url(../images/arr_b.png);}
.lang .lang_list{ position: absolute; z-index: 999;left: 0;top: 100px; background: #fff;}
.lang .lang_list a{display: block;background-repeat: no-repeat;background-position: 10px center;padding-left: 40px;width: 70px; line-height:50px;background-size: 20px;}
.lang:hover .lang_list{display: block;}
.index_head .lang a.curr{color: #333;}
.lang .lang_list a:hover{background-color: #f3f3f3;}
.lang:hover i{transform: rotate(180deg);}
.lang a.en{ background-image:url(../images/en.png);}
.lang a.cn{ background-image:url(../images/cn.png);}
.lang a:hover{color: #0098a7;}
.header .h_tel{line-height: 100px;font-size: 20px;font-weight: bold;color: #0098a7;padding-left: 50px;background: url(../images/tel.png) no-repeat 20px center;background-size: 22px auto;position: relative;}
.header .h_tel::before{content: "";width: 1px;height: 20px;background-color: #a3bdc0;position: absolute;left: 1px;top: 40px;}
/*nav*/
.menu_box{flex: 1;text-align: center;padding:0 50px;}
.menu_r{height: 100px;}
.en .menu_box{text-align: left;}
.nav_ul_big > li{display: inline-block;}
.nav_ul_big > li > a{color: #333;font-size: 16px;padding: 0 15px; text-align: center; display:block;height: 100px; line-height: 100px;position: relative;z-index: 1001;white-space: nowrap;text-overflow:ellipsis; overflow: hidden;}
.nav_ul_big > li:hover > a::after,.nav_ul_big li.curr .menu_1::after{content: "";width: 16px;height: 2px;background-color: #0098a7;position: absolute;left: 50%;margin-left: -8px;top: 70px;}
.nav_ul_big > li > a:hover,.nav_ul_big > li.curr .menu_1,.nav_ul_big > li:hover > a{color: #0098a7;}

.nav_ul_box{position: absolute;display: none; z-index:100; background:rgba(255,255,255,.9);box-shadow: 0 5px 15px rgba(0,0,0,0.1);top: 100px;left: 0;right: 0;width:100%;text-align: center;}
#nav_ul_small {display: inline-block;margin: 0 auto;text-align: left;padding: 30px 0;}
#nav_ul_small > li{display: block;padding:10px 40px;float: left;}
#nav_ul_small > li .menu_2{display: block; line-height: 20px;font-size: 16px;}
#nav_ul_small > li .menu_2 span{display: block;width: 100%;height: 100px;padding-bottom: 30px;}
#nav_ul_small > li .menu_2 span img{max-width: 100%;max-height: 100%;}
#nav_ul_small > li .menu_3{padding:8px 0; display: block; line-height: 20px;color: #333;}
#nav_ul_small > li a:hover,#nav_ul_small > li:hover .menu_2{color: #0098a7; }
#nav_ul_small > li:hover #nav_ul_small2{display: block;}
#nav_ul_small2{border-top: 1px #eaeaea solid;margin-top: 20px;padding-top: 10px;}


/*banner*/
.banner{width:100%;height: auto; position:relative;z-index: 1;background:#000;}
.banner .slides{position:relative;z-index:1;overflow: hidden;}
.banner .slides .gg_img{display: none;}
.banner .slides li{display: none;}
.banner .slides .gg_widget .gg_desc{display: block;}
.banner .slides video{width: 100%;height: 100%;object-fit: cover;}
.banner .slides li a{display: block; width: 100%; height: 100%;text-align: center;}
.banner .slides li img{width: 100%;height: 100%;object-fit: cover;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav .flex-active{background: #fff;position: relative;}
.flex-control-nav .flex-active::after{content: "";width: 16px;height: 16px;position:absolute;left:-4px;top: -4px;border: 1px #fff solid;border-radius: 100%;-webkit-border-radius: 100%;-moz-border-radius: 100%;}
.flex-direction-nav{display: none;position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}
.flex-control-nav li { height: 12px; margin: 0 5px;display: inline-block;}
.flex-control-nav li a{display: inline-block; width: 10px; height: 10px; background: #fff; background: rgba(255,255,255,.5); text-indent: -9999px; cursor: pointer; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;}

/*index*/
.index_con{padding-top: 100px;}
.index_tt{padding: 90px 0 40px;position: relative;}
.index_tt h4{font-size: 34px;line-height: 50px;font-weight: normal;position: relative;}
.index_tt h4::before{content: "";width: 30px;height: 2px;background-color: #0098a7;position: absolute;left: 0;top: -18px;}
.index_tt h4 span{font-size: 14px;text-transform: uppercase;display: block;color: #999999;font-weight: lighter;line-height: 30px;}
.index_tt h4 em{color: #0098a7;font-style: normal;}
.t_ms{color: #666;line-height: 24px;padding-bottom: 30px;}
.more{display: block;width: 164px;height: 50px;line-height: 50px;color: #0098a7;border: 1px #0098a7 solid;border-radius: 12px;background: url(../images/more1.png) no-repeat 120px center;text-indent: 25px;transition: all ease .3s;-webkit-transition: all ease .3s;-moz-transition: all ease .3s;}
.more:hover{color: #fff;background:#0098a7 url(../images/more2.png) no-repeat 130px center;width: 180px;}


/* 核心技术 */
.index_cate{background: url(../images/tec_bg.png) no-repeat center bottom;background-size: 100% auto;}
.index_cate .list{padding-bottom:40px;display:flex;flex-wrap:wrap;}
.index_cate .li{float: left;width:calc(33.3333% - 27px);box-sizing: border-box;margin: 0 40px 40px 0;-webkit-transition: all 0.6s;   -moz-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s;overflow: hidden;}
.index_cate .li:nth-child(3n){margin-right: 0;}
.index_cate .li:hover{-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}
.index_cate .li:hover .gg_t{color: #0098a7;}
.index_cate .li .gg_img{display: block;width: 100%;height: 260px;margin: 0 auto;border-radius: 15px;-webkit-border-radius: 15px;-moz-border-radius: 15px;overflow: hidden;}
.index_cate .li img{width: 100%;height: 100%;object-fit: cover;}
.index_cate .gg_t{display: block;font-size: 18px;padding: 30px 0;line-height: 30px;}
.index_cate .gg_desc{display: block;color: #555;}

/* 产品展示 */
.index_pdt{padding-bottom: 60px;background:url(../images/pdt_bg.jpg) no-repeat center center;background-size: cover;}
.index_pdt .tabs{position: relative;z-index: 10;}
.index_pdt .tabs li{display: inline-block;padding-left: 40px;}
.index_pdt .tabs li.thistab a{display: block;color: #0098a7;font-weight: bold;padding:10px 0;background: url(../images/pc_cat.png) no-repeat center bottom;}
.index_pdt .owl-item{padding: 20px;box-sizing: border-box;}
.index_pdt .item{background: #fff;border-radius: 12px;overflow: hidden;}
.index_pdt .item span{display: block;width: 50%;height: 398px;}
.index_pdt .item span img{width: 100%;height: 100%;object-fit: cover;}
.index_pdt .item .text{width: 50%;box-sizing: border-box;padding: 70px  20px 60px 40px;}
.index_pdt .item .text h4{font-size: 18px;height: 72px;overflow: hidden;}
.en .index_pdt .item .text h4{height: auto;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;}
.index_pdt .item:hover h4{color: #0098a7;}
.index_pdt .item p{display:block;padding:20px 0 0;color:#555;margin-bottom:20px;height:130px;overflow:hidden;box-sizing:border-box;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:4;}
.index_pdt em{font-style: normal;}

/* 行业应用 */
.index_app{height: 850px;position: relative;}
.index_app .list{border-bottom: 1px rgba(36,207,244,.4) solid;}
.index_app .bn{position: absolute;left: 0;right: 0;;top: 0;bottom: 0;z-index: -1;}
.index_app .bn img{width: 100%;height: 100%;object-fit: cover;}
.index_app .index_tt h4{color: #fff;}
.index_app .info {padding: 20px 0 50px;height: 400px;}
.index_app .info .bn_icon img{width: 44px;height: auto;}
.index_app .info h3{font-size: 20px;color: #fff;padding: 20px 0 10px;width: 70%;}
.index_app .info p{padding: 10px 0 30px 0;color: #fff;width: 70%;height: 105px;display: block;overflow: hidden;margin-bottom: 30px;}
.index_app .tabs{display: flex;}
.index_app .tabs li{flex: 1;}
.index_app .tabs li a{display: block;text-align: center;font-size: 20px;font-weight: bold;color: #fff;padding: 12px 0;}
.index_app .tabs li.thistab a{color: #0098a7;border-bottom: 5px #0098a7 solid;margin-bottom: -3px;}


/* 关于 */
.index_about{background: url(../images/ab_bg.png) no-repeat left bottom;}
.index_about .text{display: block;width: 47%;}
.index_about .desc{padding-bottom: 80px;}
.index_about .gg_desc{margin-bottom: 30px;-webkit-box-orient: vertical;min-height: 230px; display:block;}
.index_about .gg_widget{position: relative;}
.index_about .gg_img{width: 50%;height:485px;position: absolute;right: 0;top: 0;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;overflow: hidden;}
.index_about .gg_img img{width:100%;height:100%;object-fit:cover;}
.index_about .numscroll{width: 47%;display: flex;box-sizing: border-box;}
.numscroll .four{flex: 1;box-sizing: border-box;padding: 60px 0;line-height: 30px;cursor: pointer;}
.numscroll .four .counter{font-size: 48px;font-weight: bold;}
.numscroll .four i{font-style: normal;font-size: 13px;}
.numscroll .four h6{font-weight: normal;font-size: 14px;}
.index_about .facts-wrap-num{color: #0098a7;}



/* 新闻  */
.index_news {padding-bottom: 80px;background-color: #f3f9fa;}
.index_news .list img{width:100%;height:100%;object-fit:cover;}
.index_news .list h4{font-size: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-bottom: 10px;}
.index_news .time{display: block;width: 68px;height: 66px;border: 1px #fff solid;text-align: center;color: #666;margin: 30px 30px 15px;position: relative;z-index: 2;}
.index_news .time b{display: block;font-size: 18px;color: #0098a7;}

.index_news .rec{width: 45%;height: 500px;background-color: #000;position: relative;border-radius: 12px;overflow: hidden;}
.index_news .rec .image{opacity: .5;position: absolute;left: 0;right: 0;top: 0;bottom: 0;overflow: hidden;z-index: 0;}
.index_news .rec .time{float: right;color: #fff;}
.index_news .rec .time b{color: #fff;}
.index_news .rec .info{padding: 0 30px;position: absolute;z-index: 2;width: 100%;box-sizing: border-box;left: 0;right: 0;bottom: 120px;color: #fff;}
.index_news .rec .desc{height:84px;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box; -webkit-line-clamp: 3;}
.index_news .rec a{position: absolute;left: 30px;bottom: 30px;z-index: 3;color: #fff;border-color: #fff;background-image: url(../images/more2.png);}
.index_news .rec a:hover{border-color: #0098a7;}
.index_news .reg{width: 55%;}
.index_news .reg .image{display: block;height: 148px;overflow:hidden;margin: 0 30px;border-radius: 12px;}
.index_news .reg li{width: 47%;height: 500px;float: left;margin-left: 3%;box-sizing: border-box;background-color: #fff;border-radius: 12px;}
.index_news .reg .desc{height:56px;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box; -webkit-line-clamp: 2;}

.index_news .reg li:nth-child(3n){margin-right: 0;}
.index_news .reg .info{padding: 0 30px 20px;}
.index_news .reg a{margin-left: 30px;margin-top: 30px;}

.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	padding: 0;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	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);
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-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-theme .owl-controls .owl-buttons div {
position: absolute;
bottom: 0;
width: 50px;
height: 50px;
margin: 0;
padding: 0;
overflow: hidden;
_display: none;
}
.owl-theme .owl-controls .owl-buttons .owl-prev { left: -60px;top: 50%;margin-top: -25px; background: url(../images/p_l.png) no-repeat center center;background-size: 35px;}
.owl-theme .owl-controls .owl-buttons .owl-next { right: -60px;top: 50%;margin-top: -25px; background: url(../images/p_r.png) no-repeat center center;background-size: 35px}

/*footer*/
.footer{margin:0 auto; clear:both; background: #1c222a;}
.foot{padding-top: 80px;}
.footer .ft_nav{border-bottom: 1px #273343 solid;padding-bottom: 20px;}
.footer .ft_nav ul{display: flex;}
.footer .ft_nav li{flex: 1;}
.footer h4{font-size: 16px; padding-bottom: 20px;font-weight: normal;color: #fff;position: relative;}
.footer h4 i{display: block;width: 2px;height: 2px;background-color: #fff;position: absolute;right: 53px;top: 15px;}
.footer .ft_nav li a{display: block;color: #8b8b8b;margin-right: 20px;white-space: nowrap;text-overflow:ellipsis; overflow: hidden;}
.footer .ft_nav li a:hover{color: #0098a7;}

.footer li.ft_tel {width: 28%;flex: inherit;padding-right: 5%;}
.footer .ft_tel p{color: #8b8b8b;padding-left: 25px;line-height: 32px;background-repeat: no-repeat;background-position: left center;background-size: 16px;}
.footer .ft_tel p b{color: #fff;font-size: 15px;}
.footer li.ft_tel .f_phone{background-image: url(../images/f_phone.png);}
.footer li.ft_tel .f_tel{background-image: url(../images/f_tel.png);}
.footer li.ft_tel .f_tel b{font-weight: bold;color: #0098a7;font-size: 26px;}
.footer li.ft_tel .f_add{background-image: url(../images/f_add.png);}
.footer li.ft_tel .f_em{background-image: url(../images/f_em.png);}
.footer li.ft_tel .f_web{background-image: url(../images/f_web.png);}


.footer li.ft_code {width: 120px;flex: inherit;}
.footer .ft_code img{width: 120px;height: 120px;border: 1px #D3D3D3 solid;}

.footer .copyright{line-height: 75px;color: #8b8b8b;}
.footer .copyright a{color: #8b8b8b;}
.footer .copyright a:hover{color: #0098a7;}
.footer .share_box {padding-top: 30px;}
.footer .share_box .st-btn{background: none!important;padding-left: 0!important;opacity: .5;}
.footer .links_box a{padding-right: 20px;}

/*page_banner*/
.page_banner{position:relative;background-color:#000;overflow:hidden;height: 300px;}
.page_banner .gg_li{position:relative;height:300px;}
.page_banner .bn_vdo2 .gg_img{display:block;overflow:hidden;opacity:.7;height:300px;}
.page_banner .bn_vdo2 img{width:100%;height:100%;object-fit:cover;}
.page_banner .bn_vdo2 .text{max-width:1440px;margin:0 auto;padding:40px 60px 30px;text-align: center;box-sizing:initial;color:#fff;position:relative;z-index:1;margin-top:-240px;}
.page_banner .bn_vdo2 .text .gg_t{display:block;font-size:42px;margin-bottom:20px;line-height:100%;}
.page_banner .bn_vdo2 .text .gg_desc{font-size:16px;position: relative;}
.page_banner .bn_vdo2 .text .gg_desc::after{position: absolute;width: 30px;height:3px;content: "";z-index: 1;left:50%;margin-left: -15px;bottom: -30px;background-color:#fff;}
.page_banner video{min-width:100%;height:300px;object-fit:cover;}
.page_banner .bn_vdo1 {font-size: 0;}
.page_banner .bn_vdo1 .gg_img{display: none;}
.page_banner .bn_vdo1 .gg_desc{display: block;}




/*page图片点击放大*/
.cover{ width: 100%; height: 100%; background: rgba(0,0,0,.5); position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 999}
.cover .bigimg{ border: 5px #fff solid; background: #fff; position: absolute; top: 100px;border-radius: 5px; overflow: hidden; left: 50%;}


/*======================================================================================*/
.page_t{display:block;font-size:32px;margin-bottom:50px;position:relative;padding-bottom:10px;font-weight: bold;}
.page_tips{font-size: 14px;font-weight: normal;color: #555;}


/* 关于内页 */
.page_about{padding: 80px 0 0;}
.page_about .pga_info{box-sizing:border-box;margin:0 auto;padding-bottom: 80px;background: url(../images/p_ab.jpg) repeat-x center bottom;}
.page_about .pab_box .list .item{padding:0 15px;}
.page_about .pab_box .list .item span{display: block;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;overflow: hidden;}
.page_about .pab_box .list .item h4{padding-top:10px;font-weight: normal;}
.page_about .pab_box .list .item p{display: none;}
.page_about .pab_box .list .item img{width: 100%;}
.page_about .pab_text{position: relative;padding-right: 55%;padding-top: 30px;padding-bottom: 20px;}
.page_about .list{padding-top: 60px;}
.page_about .pab_text .img{position: absolute;right: 0;width: 55%;top: 0;overflow: hidden;}
.page_about .pab_text .img img{width: 100%;}
.page_about .pab_num{width: 52%;}
.page_about .pab_num .numscroll{display: flex;}
.page_about .pab_num .four{text-align: left;}
.page_about .pab_num .facts-wrap-num{color: #0098a7;}


.page_about .page_cul {height: 790px;background: url(../images/p_cul.jpg) no-repeat center center;background-size: cover;}
.page_about .page_cul .page_t{color: #fff;}
.page_about .page_cul .info{padding-top: 150px;}
.page_about .page_cul .gg_li{width:29.3333%;height:260px;float:left;background-color: rgba(0, 152, 167,.8);margin:0 2%;position:relative;cursor:pointer;box-sizing:border-box;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;overflow:hidden;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;}




.page_about .page_cul .gg_li:hover{    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
    background-color: #0098a7;}
.page_about .page_cul .gg_img{display:block;width: 36px;height: 36px;position: absolute;right: 45px;top: 45px;z-index: 1;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;}
.page_about .page_cul .gg_img img{width:100%;}
.page_about .page_cul .gg_li:hover .gg_img{width:54px ;}
.page_about .page_cul .gg_t{display: block;font-size: 22px;margin: 0 60px;position: relative;}
.page_about .page_cul .gg_t::after{content: "";position: absolute;width: 20px;height: 1px;background-color: #fff;left: 0;top: 50px;}
.page_about .page_cul .text{position:absolute;left:0;top:40%;color:#fff;width:100%;}
.page_about .page_cul .text img{display: none;}
.page_about .page_cul .text .gg_desc{display:block;margin:15px 60px}

.page_about .page_his{height: 1000px;background: url(../images/p_his.jpg) no-repeat center bottom;}
.page_about .page_his .num{font-size:140px;font-weight:bold;background:-webkit-linear-gradient(#0098a7,#74eaf2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}

.page_about .scroll_wrap{width: 50%;height: 472px;border-left: 1px #c6c9cc solid;padding-left: 40px;box-sizing: border-box;}
.page_about .scroll_wrap::after{content: "";width:13px;height:13px;background-color: #0098a7;border-radius: 100%;-webkit-border-radius: 100%;-moz-border-radius: 100%;left: -6.5px;top: -6px;position: absolute;}
.page_about .scroll_wrap .br{padding-right: 25px;}
.page_about .scroll_wrap .scroll_bar{display:block;}

.page_net {background:url(../images/p_net.png) no-repeat center center;padding-bottom: 60px;}
.page_net .page_t::after{background-color: #fff;}
.page_net .list{width: 1200px;height: 650px;margin: 0 auto;position: relative;background: url(../images/map.png) no-repeat center top;background-size: 1200px auto;}
.page_net .list span{display: flex;width: 80px;height: 80px;font-size: 12px;align-items: center;justify-content: center;border: 1px #5d8fc5 dashed;border-radius: 100%;background: rgba(229, 238, 248, .6);position: absolute;line-height: 18px;text-align: center;}
.page_net .list span::after{background-color:#fff;content:"";position:absolute;z-index:0;left:-5px;top:-5px;width:90px;display:block;height:90px;border-radius:100%;-webkit-animation:warn 1s ease-out infinite;;animation:warn 1s ease-out infinite;}
.page_net .list .m1{left: 880px;top: 250px;}
.page_net .list .m2{left: 150px;top: 90px;}
.page_net .list .m3{left: 210px;top: 300px;}
.page_net .list .m4{left: 210px;top:190px;}
.page_net .list .m5{left: 950px;top: 320px;}
.page_net .list .m6{left: 860px;top: 350px;}
.page_net .list .m7{left:940px;top:410px;}
.page_net .list .m11{left: 980px;top: 210px;}
.page_net .list .m12{left: 690px;top: 80px;}
.page_net .list .m13{left: 820px;top: 70px;}
.page_net .list .m14{left: 620px;top: 130px;}

@keyframes warn{0%{transform:scale(1);opacity:0.8;}
20%{transform:scale(1.1);opacity:0.6;}
40%{transform:scale(1.2);opacity:0.4;}
60%{transform:scale(1.3);opacity:0.2;}
80%{transform:scale(1.4);opacity:0.1;}
100%{transform:scale(1.5);opacity:0.0;}
}


.page_about .owl-carousel .owl-wrapper-outer{width:auto;}
.page_about .page_envi_box{background: url(../images/p_honor.jpg) no-repeat center center;background-size:cover;padding-bottom: 80px;}
.page_about .page_envi .item a{padding:0 20px 0;position:relative;display:block;}
.page_about .page_envi .item a span{display:flex;text-align: center;align-items: center;justify-content: center;height: 300px;background-color: #fff;border-radius: 20px;overflow: hidden;padding: 20px;}
.page_about .page_envi .item a img{max-width:100%;max-height: 100%;}
.page_about .page_envi .item h4{display: none;}
.page_about .page_envi .item p{display:none;}

.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:100000;justify-content:center;align-items:center;}
.modal-content{position:relative;width:100%;height:100%;text-align: center;padding: 100px;box-sizing: border-box;}
.modal img{max-width:100%;max-height:100%;}
.galleryclose{position:absolute;top:0px;right:25px;color:white;font-size:50px;cursor:pointer;z-index: 9999;}


/* 智造 */
.page_str .p_tt{font-size: 34px;padding:80px 0 30px;}
.page_str .pq_info .list{padding-bottom:40px;display:flex;flex-wrap:wrap;}
.page_str .pq_info .li{float: left;background-color: #0098a7;width:calc(33.3333% - 27px);box-sizing: border-box;margin: 0 40px 40px 0;-webkit-transition: all 0.6s;   -moz-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s;border-radius: 15px;-webkit-border-radius: 15px;-moz-border-radius: 15px;overflow: hidden;}
.page_str .pq_info .li:nth-child(3n){margin-right: 0;}
.page_str .pq_info .li:hover{-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}
.page_str .pq_info .text{padding: 0 20px 20px;}
.page_str .pq_info .li .gg_img{display: block;width: 100%;height: 260px;margin: 0 auto;}
.page_str .pq_info .li img{width: 100%;height: 100%;object-fit: cover;}
.page_str .pq_info .gg_t{display: block;font-size: 18px;padding: 30px 0;line-height: 30px;color: #fff;}
.page_str .pq_info .gg_desc{display: block;color: #fff;}
.page_str .ps_app{background-color: #f3f9fa;padding-bottom: 60px;}
.page_str .ps_app .li{float: left;height: 360px;margin-bottom: 20px;width: 50%;box-sizing: border-box;}
.page_str .ps_app .li .gg_li{background-color: #000;position: relative;}
.page_str .ps_app .li .gg_img{display: block;position: relative;z-index: 1;opacity: .8;width: 100%;height:360px;}
.page_str .ps_app .li .gg_img img{width: 100%;height: 100%;object-fit: cover;}
.page_str .ps_app .text{position: absolute;z-index: 2;width: 100%;left: 0;right: 0;bottom: 0;height: 170px;background: url(../images/yy_bg.png) repeat-x center top;padding: 0 30px;box-sizing: border-box;}
.page_str .ps_app .text .gg_t{display: block;font-size: 22px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color: #fff;padding-bottom: 15px;}
.page_str .ps_app .text .gg_desc{display:block;color: #fff;line-height: 24px;height:72px;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;}
.page_str .ps_app .text .gg_desc p{line-height: 24px!important;}
.page_str .ps_app .l1{padding-right: 10px;}
.page_str .ps_app .l2{padding-left: 10px;}
.page_str .ps_app .l3,.page_str .ps_app .l4{width: 33.3333%;padding-right: 20px;}
.page_str .ps_app .l5{width: 33.3333%;}

.page_str .ps_par{background: url(../images/par_bg.jpg) no-repeat center center;background-size: cover;padding-bottom: 80px;}
.page_str .ps_par .gg_img{display: block;text-align: center;}

/* 联系我们 */
.page_con{padding: 80px 0;}
.page_con .list{display:flex;flex-wrap:wrap;}
.page_con .add{width: 48%;border-radius: 20px;overflow: hidden;box-sizing: border-box;padding: 50px;position: relative;}
.page_con .add em{display: block;width: 34px;height: 34px;background: url(../images/add_icon.png) no-repeat center center;background-size: 34px auto;position: absolute;right: 50px;top: 50px;z-index: 1;}
.page_con .add1{margin-right: 4%;background:#f2f7fc url(../images/add1.png) no-repeat right bottom;}
.page_con .add2{background: #f2f7fc url(../images/add2.png) no-repeat right bottom;}
.page_xs{font-size: 32px;font-weight: normal;line-height: 50px;padding: 80px 0;}
.page_fd{padding: 80px 0;background: url(../images/page_fd.png) no-repeat center center;background-size: cover;}
.page_fd .forms{background: #fff;padding: 55px 50px;border-radius: 20px;display: flex}
.page_fd .forms form{flex: 1;}
.page_fd .forms .text{width: 390px;padding-left: 50px;padding-top: 190px;border-left: 1px #d2dce6 solid;background: url(../images/fd_pic.png) no-repeat right top;}
.page_fd .forms .text h4{font-size: 18px;color: #0098a7;line-height: 30px;padding-top: 20px;}
.page_fd .forms .text img{width: 138px;height: auto;border: 1px #d2dce7 solid;}
.page_fd .forms .text p{display: block;}
.page_fd .form_li li{width: 50%;padding-right: 50px;box-sizing: border-box;float: left;padding-bottom: 36px;}
.page_fd .form_li h5{font-weight: normal;padding-bottom: 10px;}
.page_fd .form_li input{width: 100%;height: 50px;line-height: 50px;border-radius:7px;font-size: 13px;text-indent: 10px;}
.page_fd .form_li .h{width: 100%;}
.page_fd .form_li textarea{width: 100%;height: 112px;border-radius:7px;font-size: 13px;text-indent: 10px;}
.page_fd .form_li .submit_btn{cursor: pointer;;width: 180px;border-radius: 26px;text-align: left;float: right;margin-top: 35px;text-indent: 40px;background-position: 120px center;}
.page_fd .form_li .li_bt{padding-bottom: 0;}
/*左侧*/
.left_box{padding-top: 80px;position: relative;z-index: 2;}
.left_box h2{display:none;}
.left_box img{width:100%;}
.left_box .gg_widget{border:1px #e5e5e5 solid;border-top:none;}
.side_menu > ul{display:block;text-align: center;}
.side_menu > ul > li{position:relative;display:inline-block;margin: 10px 10px 0;text-align: center;}
.side_menu .fir_li:hover .sec_ul{display: block;}
.side_menu em{display:none;position:absolute;width:30px;height:50px;cursor:pointer;right:0px;top:0;z-index:1}
.side_menu em.inactive{background:url(../images/arr_s.png) no-repeat center center;background-size: 10px auto;}
.side_menu > ul > li:hover em,.side_menu em.active{background:url(../images/arr_sh.png) no-repeat center center;background-size: 10px auto;}
.side_menu a{display:block;background-color: #e9eef3;line-height:50px;padding: 0 30px 0 20px;font-size: 16px;border-radius: 16px;-webkit-border-radius: 16px;-moz-border-radius: 16px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.side_menu > ul > li:hover > a,.side_menu a:hover,.side_menu a.category_active{color:#fff;background-color: #0098a7;}
.side_menu ul ul{display:none;position: absolute;z-index: 10;min-width: 100%;padding-top: 10px;}
.side_menu ul ul li{margin-bottom: 10px;}
.side_menu li li a{display:block;font-size: 14px;word-break: break-word;text-decoration:none;background:#f5f5f5;color:#666;border-top:none;padding:10px;line-height:20px;}

.side_menu li li a:hover{background-color: #f0f0f0;color:#0098a7;}
/*右侧*/
.right_box{max-width:1440px;padding:0 60px 60px;margin:80px auto 0;}

/*留言*/
.fb_con{ width: 550px;}
.fb_main{width: 620px;padding-top: 25px;}

/*面包屑样式*/
.path_title{display: none;height:52px; line-height: 52px;font-size: 14px;}
.path_title .span_right{ float: right; color: #fff;background: url(../images/home.png) no-repeat left center;background-size: 14px;padding-left: 20px;}
.path_title .span_right a{color: #fff;}

/*产品列表*/
.product_list .left_box{width: 180px;float: left;padding-top:0;}
.en .product_list .left_box{width: 300px;}
.product_list{display: flex;padding: 80px 0;}
.product_list .right_pdt{flex: 1;padding-right: 0;margin-top: 0;padding-bottom: 0;}
.product_list .side_menu a{margin-bottom: 20px;}
.product_list .side_menu .sec_ul{position: inherit;}
.product_list .side_menu > ul > li{display: block;margin: 0;}
.product_list .side_menu > ul {}
.product_list_ul{margin:0 auto 20px;display: flex;flex-wrap: wrap;}
.product_list_ul li{float: left; width: calc(33.3333% - 20px); margin:0 30px 50px 0;-webkit-transition: all 0.6s;  -moz-transition: all 0.6s;  -o-transition: all 0.6s; transition: all 0.6s;}
.product_list_ul li:nth-child(3n){margin-right: 0;}
.product_list_ul li:hover{-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}
.product_list_ul li:hover span{box-shadow: 0px 10px 20px 0px rgb(40 40 40 / 20%);
    -webkit-box-shadow: 0 10px 30px rgb(0 0 0 / 10%);
    box-shadow: 0 15px 30px rgb(0 0 0 / 20%);
}
.product_list_ul a {display: block;}
.product_list_ul span{display: block;background-color: #f3f9fa;border-radius: 16px;-webkit-border-radius: 16px;-moz-border-radius: 16px;overflow: hidden;}
.product_list_ul li img{width: 100%;}
.product_list_ul a h4{display: block; font-size:18px; padding:20px 0 10px;}
.product_list_ul a p{max-height: 50px;line-height: 25px;font-size: 13px; color: #333;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;}


/*相册*/
.photo_list_ul{display:flex;flex-wrap:wrap;font-size: 15px;}
.photo_list_ul li{width:calc(33.33% - 20px);float:left;margin-right:30px;margin-bottom:30px;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;}
.photo_list_ul li:nth-child(3n){margin-right:0;}
.photo_list_ul li:hover{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);}
.photo_list_ul li img{width:100%;}
.photo_list_ul a p{line-height:45px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 8px;}
.photo_list_ul a span{font-size:14px;display:block;color:#333;border: 1px #f0f0f0 solid;}
.photo_list_ul a:hover span{color:#0098a7;}
.photo_list_ul li .img img{width:100%;}

/*应用*/
.app_list_ul{display:flex;flex-wrap:wrap;font-size: 15px;}
.app_list_ul li{width:calc(50% - 15px);float:left;margin-right:30px;margin-bottom:30px;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;}
.app_list_ul li:nth-child(2n){margin-right:0;}
.app_list_ul li:hover{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);}
.app_list_ul span{display: block;width: 40%;height: 190px;overflow: hidden;}
.app_list_ul img{width:100%;height: 100%;object-fit: cover;}
.app_list_ul a{padding: 30px 30px;background-color: #fff;display: flex;}
.app_list_ul h4{font-size: 20px;line-height:45px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.app_list_ul .text{width: 60%;box-sizing: border-box;padding: 10px 0 10px 20px;}
.app_list_ul .text p{color:#666;line-height:24px;height:120px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;}

/*相册详情*/
.app_info_box,.app_desc_box{display: flex;}
.app_info_box .app_info{flex:1;padding:30px;box-sizing:border-box;background-color:#fff;margin-right:30px;}
.app_info_box .app_photo{width: 500px;}
.app_info_box .app_info .bigimg img{width: 100%;}
.app_info_box .app_text{padding: 20px 0 0 40px;flex: 1;}
.app_info_box .app_text h3{font-size: 24px;padding-bottom: 20px;}
.app_info_box .app_text .des{color: #666;padding-bottom: 40px;border-bottom: 1px #e5e5e5 solid;margin-bottom: 50px;}
.app_info_box .app_text .tel{height:50px;line-height:50px;width: 260px;margin-bottom:20px;display:block;border-radius:35px;-webkit-border-radius:35px;-moz-border-radius:35px;-ms-border-radius:35px;-o-border-radius:35px;color:#0098a7;text-align:center;cursor:pointer;border: 1px #0098a7 solid;}
.app_info_box .app_text .tel p{display:inline-block;background:url(../images/tel.png) no-repeat left center;background-size:26px;padding-left:34px;font-size:20px;}
.app_info_box .app_pdt{width:300px;border-left:1px #eee solid;padding-left:20px;box-sizing:border-box;}
.app_info_box .app_pdt h3{font-size:26px;font-weight:normal;;}
.app_info_box .app_pdt ul > li{padding-top: 20px;border-bottom: 1px #eee solid;padding-bottom: 15px;}
.app_info_box .app_pdt .p1{font-size: 16px;font-weight: bold;}
.app_info_box .app_pdt .p2{color: #666;padding:6px 0 6px 16px;display: block;background: url(../images/p2_dot.jpg) no-repeat left 20px;}
.app_info_box .app_pdt .p2:hover{color: #0098a7;}

/*新闻列表*/
.list_news {padding-bottom: 80px;}
.list_news .list a{display: block;position: relative;border-radius: 16px;overflow: hidden;background-color: #f3f9fa;}
.list_news .list a img{width:100%;height:100%;object-fit:cover;}
.list_news .list h4{font-size: 24px;-webkit-box-orient:vertical;height:70px;line-height: 35px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;}
.list_news .list .desc{margin: 30px 0;-webkit-box-orient:vertical;height:90px;line-height: 30px;color: #333;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;}
.list_news em{font-style: normal;display: block;width: 60px;height: 60px;font-size: 38px;text-align: center;line-height: 55px;color: #fff;background-color: #0098a7;border-radius: 100%;position: absolute;right: 40px;bottom: 40px;}
.list_news .list  a:hover{background-color: #0098a7;color: #fff;}
.list_news .list a:hover em{background-color: #fff;color: #0098a7;}
.list_news .list a:hover .desc,.list_news .list  a:hover .time{color: #fff;}
.list_news .list a .time{font-size: 13px;color: #666;}
.list_news .rec{margin-bottom: 40px;position: relative;border-radius: 16px;overflow: hidden;background-color: #f3f9fa;}
.list_news .rec .image{width: 50%;float: left;height: 100%;overflow: hidden;}
.list_news .rec .info{float: right;width: 50%;}
.list_news .rec .time{display: block;width: 68px;height: 66px;background-color: #0098a7;text-align: center;color: #fff;margin: 30px 30px 15px;position: absolute;z-index: 2;left: 0;z-index: 1;}
.list_news .rec .time b{display: block;font-size: 18px;}
.list_news .rec .more{margin: 0 50px;float: left;}
.list_news .info{padding: 80px 50px;box-sizing: border-box;}
.list_news .reg{padding-bottom: 20px;}
.list_news .reg .image{display: block;height: 300px;overflow:hidden;}
.list_news .reg li{width: calc(33.3333% - 27px);margin:0 40px 40px 0;float: left;}
.list_news .reg li:nth-child(3n){margin-right: 0;}
.list_news .reg .info{padding: 40px 30px 100px;}


/* 下载列表 */
.down_list_ul{display:flex;flex-wrap:wrap;}
.down_list_ul li{width:calc(50% - 15px);float:left;margin-right:30px;margin-bottom:30px;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;background:#eaeaea url(../images/down_list.jpg) no-repeat 25px center;padding-left:150px;background-size:100px;}
.down_list_ul li:nth-child(even){margin-right:0;}
.down_list_ul li:hover{box-shadow:0 0 12px 1px rgba(0,0,0,.1);}
.down_list_ul a{display:block;height:100%;width:100%;background-color:#fff;padding:15px;position:relative;float:left;}
.down_list_ul h4{font-weight:normal;font-size:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.down_list_ul small{color:#999;display:block;padding:3px 0 5px;}
.down_list_ul p{color:#999;line-height:24px;height:48px;overflow:hidden;word-break:break-all;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;margin:10px 0;}
.down_list_ul em{display:inline-block;background:#0098a7;color:#fff;text-align:center;padding:5px 30px;}
.down_list_ul em:hover{background:#d06e0c;}
.down_page .down_title{font-size:18px;line-height:50px;font-weight:normal;}
.down_page .download_btn{margin:10px 0;}
.down_page .download_btn a{display:block;background:#0098a7;color:#fff;width:100px;height:35px;line-height:35px;text-align:center;border-radius:4px;}
/*404*/
.error{width: 440px; height: 400px; text-align: center;position: absolute;  left: 50%; margin-left: -220px; top: 50%; margin-top: -160px;}
.error_img{margin: -40px auto 0; width: 220px;}
.error a{width: 200px;display: block;margin: 0 auto; background: #ec3131;color: #fff;line-height: 40px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}

/*标签列表*/
.tags_list li{background:url(../images/li.gif)  0px 10px no-repeat; line-height: 28px; margin-bottom: 8px; padding-bottom: 10px;}
.tags_lis h3{padding: 0px; margin: 0px;}
.tags_p{padding: 0px; margin: 0px; color: #7d7d7d; line-height: 20px;}

/*标签样式*/
.tags{}
.tags ul{position:absolute; z-index:100;width:720px; margin-top: 10px;}
.tags li{float: left;}
.tags a{display:block;color:#bdbdbd; height: 16px; font-size:12px; float:left;text-align:center; background-color:#68696D; padding:3px 10px; margin:5px 4px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius:12px;line-height: 16px;}
.tags a:hover{ text-decoration:none; background-color:#68696D; color:#fff;}

.news_page_info{display:flex;}
.news_info_l{flex: 1;padding: 30px;box-sizing: border-box;background-color: #fff;margin-right: 30px;}
.news_info_l img{max-width:100%;height:auto!important;}
.news_info_r{width: 300px;}
.news_data{text-align:right;padding-right:10px;margin:8px 0px;}
.news_title{padding-bottom:30px;border-bottom: 1px #f0f0f0 solid;margin-bottom: 30px;}
.content_bg{border:#EAEAEA 1px solid;border-top:none;margin-bottom:10px;}

/*产品展示*/
#preview{ float:none; margin:0px auto; text-align:center;position: relative;height: 814px;}
.jqzoom{position:relative;overflow: hidden;width: 100%;}
.jqzoom img{width: 100%;height: 100%;}
.list-h li{ float:left;}
#spec-n5{ padding:20px 40px; overflow:hidden;position: absolute;z-index: 10;bottom: 80px;transform: translateX(-50%);left: 50%;}
#spec-left{ background:url(../images/pl.png) no-repeat left center; width:30px; height:132px; cursor:pointer;position: absolute;left: 0;top: 0;}
#spec-right{background:url(../images/pr.png) no-repeat right center; width:30px; height:132px; cursor:pointer; position: absolute;right: 0;top: 0;}
#spec-list{overflow:hidden; display:inline-block;}
#spec-list ul li{ float:left; margin:0;width: 20px;height: 10px;opacity: .6;position: relative;cursor: pointer;}
#spec-list ul li::after{content: "";position: absolute;width: 10px;height: 10px;background: #fff;opacity: .5;left: 5px;top: 0;z-index: -1;}
#spec-list ul li img{width:10px; height:10px;opacity: 0;position: absolute;z-index: 3;left: 5px;top: 0;}
#spec-list ul li img.curr{border-color: #0098a7;}
#spec-list ul li:hover{opacity: 1;}
.zoomdiv{z-index:10;position:absolute;top:0;left:550px;background:url(../images/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
.product_info_box{height: 660px;background: url(../images/p_bg.png) no-repeat center top;background-size: cover;padding: 70px 60px 50px;position: relative;}
.product_info_box::after{content:"";position: absolute;left: 0;right: 0;bottom: 0;width: 100%;z-index: -1;height: 200px;background-color: #0098a7;}
.product_page .attr_nav {background-color: #0098a7;padding-top: 20px;padding-bottom: 20px;width: 100%;box-sizing: border-box;}
.product_page .attr_nav .list a{display: inline-block;padding: 10px 20px;font-size: 16px;border-radius: 30px;color: #fff;}
.product_page .attr_nav .list a:hover,.product_page .attr_nav .list a.curr{background-color: #fff;color: #0098a7;}
.product_page .attr_nav.fix{position: fixed;top: 100px;z-index: 11;}
.product_page .attr_nav .path_title{display: block;}
.product_group{width:36%;padding-top: 110px;height: 600px;position: relative;}
.product_group h1{color:#0098a7;font-size:38px;line-height: 45px;}
.product_group .attr{position: absolute;left: 0;bottom: 0;height: 140px;width: 100%;padding: 30px 0;}
.product_group .attr li{list-style:none; line-height:32px; color: #fff;float: left;width: 50%;box-sizing: border-box;padding: 0 24px;background: url(../images/duihao.png) no-repeat left center;background-size: 18px auto;}
.product_group .desc{color:#666;padding-top:30px;max-height:168px;overflow:hidden;}
.product_group .download{padding-top: 10px;border-top: 1px #e5e5e5 dashed;}
.product_group .download li{float: left;margin-right: 20px;}
.product_group .download a{color: #999;background:url(../images/attch.png) no-repeat left center; padding: 3px 0 3px 12px;}
.product_group .download a:hover{color: #333;}
.product_content{line-height:26px;}
.product_content .download a{display: block;background: url(../images/down_icon.png) no-repeat left center;padding-left: 25px;background-size: 18px;border-bottom: 1px #CFCFCF dashed;box-sizing: border-box;line-height: 50px;width: 46%;float: left;margin: 0 2%;}
.product_content .pdt_attr_li{background: #fff;padding: 30px;margin-bottom: 40px;border-radius: 20px;}
.product_content .pdt_attr_h4{font-size:18px;line-height: 40px;margin-bottom: 30px;position: relative;background: #0098a7 url(../images/logo-w.png) no-repeat right center;background-size: auto 14px;color: #fff;border-radius: 10px;text-indent: 1em;}
.product_content .pdt_tt{font-size: 26px;padding-bottom: 30px;}
.product_content .attr_t{color:#333; margin-bottom: 20px; font-weight: normal; font-size: 22px; line-height: 50px;}
.product_content img{max-width: 100%;height: auto!important;}
.product_imgs{width: 60%;box-sizing: border-box;padding-right: 50px;margin-top: -100px;}
.product_imgs .pic_b{display: flex;align-items: center;}

.product_group .pdt_tel{padding-top: 30px;}
.product_group span.tel{height: 70px;line-height: 70px;margin-bottom: 20px;display: block;border-radius: 35px;  -webkit-border-radius: 35px;  -moz-border-radius: 35px;  -ms-border-radius: 35px;  -o-border-radius: 35px;font-size: 20px;color: #fff; background:#0098a7 ;text-align: center;cursor: pointer;}
.product_group .op1 a{ width: 168px;height: 68px;display: block;margin: 0 20px 0 0;line-height: 100px;border-radius: 7px;-webkit-border-radius: 7px;-moz-border-radius: 7px;  -ms-border-radius: 7px;  -o-border-radius: 7px; border: 1px solid #d6d6d6;text-align: center;font-weight: bold;}
.product_group .op1 a:hover{border-color: #0098a7;}
.product_group .op1 .op_buy{background: url(../images/albb.png) no-repeat center 10px;background-size: 40px;}
.product_group .op1 .op_z{background: url(../images/p_zx.png) no-repeat center 10px;background-size: 28px;color: red;}
.product_group .op1 .op_v{background: url(../images/p_vx.png) no-repeat center 10px;background-size: 28px;position: relative;}
.product_group .op1 .op_v img{ position: absolute; width: 100px; bottom: 0px; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); background-color: #fff; box-shadow: 0 0 5px rgb(0 0 0 / 15%);  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
  -ms-border-radius: 5px; -o-border-radius: 5px; opacity: 0; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s;}
  .product_group .op1 .op_v:hover img{bottom: 102%;opacity: 1;}
.product_group span.tel p{display: inline-block;background: url(../images/p_tel.png) no-repeat left center;background-size: 26px;padding-left: 34px;font-size: 26px;}
.product_group .buy {background: url(../images/inq.png) no-repeat center 5px;background-size: 32px;}



/*相关产品*/
.related_product .related_title{font-size:26px;padding-bottom:30px;font-weight: normal;}
.related_product li{float:left;width:calc(25% - 20px);margin:0 30px 50px 0;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;}

.related_product li::nth-child(3n){margin-right: 30px;}
.related_product li:last-child{margin-right: 0;}

/* 详情页订购 */
.pdt_inquiry{position: relative;}
.pdt_inquiry .inq_t{font-size:26px;padding-bottom:30px;font-weight: normal;}
.pdt_inquiry .forms{width:460px;}
.pdt_inquiry dt{float: left;width: 80px;background: #fff;border: 1px #e5e5e5 solid;padding: 0 6px;text-align: right;line-height: 32px;}
.pdt_inquiry dd{float: left;width: 360px;background: #fff;margin-bottom: 10px;border: 1px #e5e5e5 solid;border-left: none;position: relative;}
.pdt_inquiry dd input{width: 100%;border: none;height: 32px;text-indent: 10px;color: #333;}
.pdt_inquiry dd .codeimg{position: absolute;right: 5px;top: 5px;}
.pdt_inquiry .area_box{position: absolute;right: 20px;bottom: 0;left: 500px;}
.pdt_inquiry .areawidth{width: 98%; height: 278px;background: #fff;color: #333;padding: 9px 1%;}
.pdt_inquiry .forms_btn{clear: both;}
.pdt_inquiry .submit_btn{cursor: pointer;width: 455px;line-height: 34px;background: #262626;color: #fff;border: none;margin: 0;}
.pdt_inquiry .submit_btn:hover{background: #0098a7;}

/*相关新闻*/
.related_new {border-left: 1px #eee solid;padding-left: 20px;}
.related_new .related_title{font-size: 26px;font-weight: normal;}
.related_new li{padding-top: 20px;}
.related_new li h4{font-weight: normal;font-size: 15px;padding: 10px 0 5px;line-height: 24px;}
.related_new a{display: block;}
.related_new img{width: 100%;}
.related_new .desc{line-height:24px;max-height: 72px;font-size:13px;color:#999;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}


/*上一个下一个*/
.point{margin:40px 0px 25px 0px; text-align:center; line-height:22px;}
.point span.to_prev{padding:4px 12px;}
.point span.to_prev a{color:#0068b7;}
.point span.to_prev a:hover{text-decoration: underline;}
.point span.to_next{padding:4px 12px;}
.point span.to_next a{color:#0068b7;}
.point span.to_next a:hover{text-decoration: underline;}

/*分页样式*/
.page{clear:both; margin:25px 0px; font-size: 13px;text-align: center;}
.page a,.page .current {display: inline-block; padding: 5px 15px; background: #ebebeb; border-radius: 3px; -webkit-border-radius: 5px; margin:0 3px 10px;}
.page a:hover,.page .current{ background: #0098a7; color: #fff;}


/*留言*/
.feedback_box{max-width:1366px;margin:0 auto;}
.feedback .t{padding-top:50px;text-align:center;}
.feedback .t::before{top:140px;}
.feedback .t h4{padding-bottom:60px;font-size:50px;line-height:60px;}
.feedback .f_tip{margin:30px 0;border-bottom:1px #ececec solid;padding-bottom:10px;}
.feedback .form_li{margin-top:50px;display:flex;flex-wrap:wrap;}
.feedback .form_li li.h{width:100%;margin-right:0;}
.feedback .form_li li{width:calc(33.33% - 20px);margin-right:30px;float:left;}
.feedback .form_li li.li_bt{width:100%;}
.feedback .form_li li:nth-child(4){margin-right:0;}
.feedback .form_li h5{display:block;height:40px;line-height:40px;}
.feedback .form_li .ipt{display:block;height:40px;line-height:40px;margin-bottom:20px;}
.feedback .textwidth{width:100%;height:40px;}
.feedback .form_li .biezhu{height:auto;}
.feedback .form_li .biezhu textarea{height:115px;width:100%;}
.feedback .codeimg{background-color:#000;position:absolute;right:10px;top:8px;z-index:1;}
.feedback .submit_btn{width:160px;height:40px;margin:40px 20px 0 0;background:#0098a7;color:#fff;cursor:pointer;border:none;text-indent:0;}
.feedback .submit_btn.reset{background:#a9a9a9;}
.feedback .info{padding:50px 0 100px;flex-wrap:wrap;}
.feedback .info .con{background:#0098a7;padding:40px 350px 40px 50px;color:#fff;border-radius:10px;position:relative;min-height: 400px;}
.feedback .info .con table{font-size:15px;}
.feedback .info .con table img{width:40px;max-width:inherit;}
.feedback .info .fb_code{width:220px;position:absolute;right:60px;top:130px;z-index:1;text-align:center;}
.feedback .info .fb_code img{width: 200px;}
.feedback .info .fb_code p{padding-top:10px;}
/*网站地图*/
.ul_sitemap{margin: 10px 0px 30px 30px;}
.ul_sitemap li{list-style: none; line-height: 26px;clear: both;}
.ul_sitemap li a{color: #7d7d7d;}
li.small_li_sitemap{clear: both;padding-left: 12px;}
li.small_li2_sitemap{float: left; padding-left: 20px;}


/*相册放大*/
body.over-flow-x{overflow: hidden;}
#jquery-overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;}
#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:1000;text-align:center;line-height:0;}
#jquery-lightbox a img{border:none;}
#lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:auto!important;max-width: 620px;max-height: 620px;margin:0 auto;border-radius: 20px 20px 0 0;}
#lightbox-container-image{padding:10px;}
#lightbox-image{max-width: 600px; max-height: 600px;}
#lightbox-loading{position:absolute;top:0;left:0;height:100%;width:100%;text-align:center;line-height:0;background: url(../images/loading.gif) no-repeat center center;}
#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#lightbox-container-image-box > #lightbox-nav{left:0;}
#lightbox-nav a{outline:none;height: 100%!important;}
#lightbox-nav-btnPrev,
#lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block;max-height: 620px;}
#lightbox-nav-btnPrev{float:left;}
#lightbox-nav-btnNext{float:right;}
#lightbox-container-image-data-box{background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;max-width: 600px;padding:0 10px 10px; border-radius: 0 0 20px 20px;}
#lightbox-container-image-data{padding:0;color:#666;}
#lightbox-container-image-data #lightbox-image-details span{text-align:left;font-size: 16px;color: #333;font-weight: bold;display: block;padding-top: 10px;}
#lightbox-container-image-data #lightbox-image-details p{font-weight: normal;font-size: 14px;color: #666;padding-top: 10px;}
#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1.0em;}
#lightbox-secNav-btnClose{width:20px;float:right;padding:0 10px 10px 0;}


/* 悬浮客服1*/
#leftsead{position:fixed;top:30%;right:0; z-index:79}
*html #leftsead{margin-top:258px;position:absolute;top:__expression(eval(document.documentElement.scrollTop));}
#leftsead li{height:50px;margin-bottom: 1px;}
#leftsead li span{display: block; width: 140px; height: 50px; padding-left: 50px;margin-right:-140px;cursor:pointer;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
#leftsead li a{height:50px;float:right;display:block;min-width:50px;max-width:140px; color: #fff; line-height: 50px;border-radius: 6px 0 0 6px;overflow: hidden;}

#leftsead li.qq_li span{background: #19baea url(../images/q.png) no-repeat 10px center;background-size: 30px;}
#leftsead li.msn_li span{background: #3a5898 url(../images/msn.png) no-repeat 10px center;background-size: 30px;}
#leftsead li.skype_li span{background: #48c855 url(../images/skype.png) no-repeat 10px center;background-size: 30px;}
#leftsead li.whatsapp_li span{background: #06af02 url(../images/whatsapp.png) no-repeat 10px center;background-size: 30px;}
#leftsead li.email_li span{background: #0898e2 url(../images/email.png) no-repeat 12px center;background-size: 30px;}
#leftsead li.w_li span{background: #ef6311 url(../images/ww.png) no-repeat 10px center;background-size: 30px;}
#leftsead li.ww_li span{background: #e8952d url(../images/ww.png) no-repeat 10px center;background-size: 30px;}
#leftsead li.www_li span{background: #ff3f02 url(../images/ww.png) no-repeat 10px center;background-size: 30px;}
#leftsead li.feedback span{background: #e46464 url(../images/feedback.png) no-repeat 10px center;background-size: 30px;}
#leftsead li.code_li span{background: #05af02 url(../images/code.png) no-repeat 12px center;background-size: 30px; position: relative;}
#leftsead li.code_li .code{ width: 280px; height: 280px; position: absolute; right: 140px; bottom: 0; background:#6381f1; background: rgba(99, 129, 241, 0.52); border-radius: 5px; padding: 10px;}
#leftsead li.code_li .code img{width: 280px; height: 280px;}
#leftsead li.top_li span{background: #6e6e6e url(../images/gotop.png) no-repeat 12px center;background-size: 30px;}
#remind{ width: 100%; height: 50px;line-height: 50px; position: fixed; bottom: 0; left: 0; z-index: 10; color: #f5d783; font-size: 20px; text-align: center; background: #000; background: rgba(0,0,0,.8);}

/* 悬浮客服2*/
.main-im{ position:fixed; right: 10px; top:30%; z-index: 100; width: 130px; height: 272px;}
.main-im .qq-a { display: block; width: 128px; height: 116px; font-size: 14px; color: #1a448e; text-align: center; position: relative; }
.main-im .qq-a span { bottom: 5px; position: absolute; width: 110px; left: 10px; }
.main-im .qq-hover-c { width: 70px; height: 70px; border-radius: 35px; position: absolute; left: 30px; top: 10px; overflow: hidden; z-index: 9; }
.main-im .qq-container { z-index: 99; position: absolute; width: 129px; height: 116px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #dddddd; background: url(../images/qq-icon-bg.png) no-repeat center 8px; }
.main-im .img-qq {max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.main-im .im-qq:hover .img-qq{ max-width: 70px; left: 1px; top: 8px; position: absolute; }
.main-im .im_main {background: #F9FAFB; border: 1px solid #dddddd; border-radius: 10px; background: #F9FAFB;display:none;}
.main-im .im_main .im-tel { color: #000000; text-align: center; width: 129px; border-bottom: 1px solid #dddddd;padding: 10px 0;}
.main-im .im_main .im-tel div{font-weight:bold;font-size: 12px;}
.main-im .im_main .im-tel .tel-num {font-weight: bold; color: #1a448e;padding: 0 5px;}
.main-im .im_main .im-tel:hover { background: #fafafa; }
.main-im .im_main .weixing-container {width: 65px; height: 47px; border-right: 1px solid #dddddd; background: #f5f5f5; border-bottom-left-radius: 10px; background: url(../images/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show {width: 112px; height: 145px; background: #ffffff; border-radius: 10px; border: 1px solid #dddddd; position: absolute; left: -125px; top: -100px; }
.main-im .im_main .weixing-show .weixing-sanjiao {width:0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 112px; top: 116px; position: absolute; z-index: 2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 112px; top: 114px; position: absolute; }
.main-im .im_main .weixing-show .weixing-ma { width: 104px; height: 103px; padding-left: 5px; padding-top: 5px; }
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto; text-align:center;}
.main-im .im_main .go-top { width: 50px; height: 47px; background: #f5f5f5; border-bottom-right-radius: 10px; background: url(../images/toTop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a { display: block; width: 52px; height: 47px; }
.main-im .close-im { position: absolute; right: 10px; top: -12px; z-index: 100; width: 24px; height: 24px; }
.main-im .close-im a { display: block; width: 24px; height: 24px; background: url(../images/close_im.png) no-repeat left top; }
.main-im .close-im a:hover { text-decoration: none; }
.main-im .open-im { cursor: pointer; margin-left: 68px; width: 40px; height: 133px; background: url(../images/open_im.png) no-repeat left top; }
.main-im .open-im.en { background: url(../images/open_im2.png) no-repeat left top; }
@media screen and (max-width:1800px){
	.appli_box .side_menu > ul{text-align: left;}
}