body{ font-family:"思源黑体 CN", Arial, Helvetica, sans-serif;font-size: 14px;font-weight:normal;line-height: 1.7;color: #333;background: #fff;position: relative;}
p{margin:0;font-weight:normal;}
h1, h2, h3, h4, h5, h6, figure{color: #444;font-weight: 400;}
::-webkit-selection{color: #fff;background: #323232;}
::-moz-selection{color: #fff;background: #323232;}
::selection{color: #fff;background: #323232;}
.text-lowercase{text-transform: lowercase;}
.text-uppercase, .initialism{text-transform: uppercase;}
.text-capitalize{text-transform: capitalize;}
a{color:#333;text-decoration:none; transition:none}
a:focus,a:hover{color:#02aff3;transition:none}
.bg-main{ background:#00a0ea;border:1px solid #00a0ea !important}
.bg-main:hover,.bg-main:focus{border:1px solid #666 !important; background:#666 !important}
.border-main:hover{color:#fff;background:#65C2B8;border-color:#65C2B8;}
.passcode{border-left: 1px solid #ddd;border-radius: 0 4px 4px 0;height: 32px;line-height: 32px;margin: 1px;position: absolute;right: 5px;text-align: center;top: 0;}
.form-group{ padding-bottom:15px;}
ul,li{ padding:0; margin:0; list-style:none}
.not-animated{ opacity:0}
.none{display:none}
header .layout{overflow:visible;width: 100%;}
.layout{width: 100%;clear:both;overflow:hidden;font-family:'思源黑体 CN';background:#fff;}
.red{ color:#f00}
.blank30{ height:30px; line-height:30px; clear:both}
.label label{ font-weight:normal}
select{border-radius:0px; height:36px; line-height:36px;border: solid 1px #5b5b5b;appearance:none;-moz-appearance:none; -webkit-appearance:none; background:#5b5b5b url(../images/sellect-arrow.png) no-repeat 96% center; color:#fff ; width:100%; padding:0 5px 0 4px; color:#fff}
.zoomimgs{display:block; width:100%;height:0; overflow:hidden; background-position: center center; background-repeat: no-repeat; -webkit-background-size:cover !important; -moz-background-size:cover !important; background-size:cover !important;/*图片不裁切需要全部显示改用background-size:contain，改变图片缩放比例改paddding-bottom的百分比,如图片宽高1:1 100%，4:3 75%，3:4 133.33%*/}
.piczoomimgs{ padding-bottom: 66.6%; background-size:contain !important;}
.artzoomimgs{ padding-bottom: 60%;}
.applzoomimgs{ padding-bottom: 56.6%;background-size:cover !important;}
.chazoomimgs{ padding-bottom: 75%; }
.kyzoomimgs{ padding-bottom: 137%; }
.ygzoomimgs{ padding-bottom: 75%;}
.parzoomimgs{padding-bottom: 100%;}
.linkzoomimgs{ padding-bottom: 50%;}
.linkszoomimgs{ padding-bottom: 63%;}
.fencaizoomimgs{ padding-bottom: 80%; background-position: center center;}
.line-big{margin-left:-10px;margin-right:-10px}
.line-big .x1,.line-big .x2,.line-big .x3,.line-big .x4,.line-big .x5,.line-big .x6,.line-big .x7,.line-big .x8,.line-big .x9,.line-big .x10,.line-big .x11,.line-big .x12,.line-big .xl1,.line-big .xl2,.line-big .xl3,.line-big .xl4,.line-big .xl5,.line-big .xl6,.line-big .xl7,.line-big .xl8,.line-big .xl9,.line-big .xl10,.line-big .xl11,.line-big .xl12,.line-big .xs1,.line-big .xs2,.line-big .xs3,.line-big .xs4,.line-big .xs5,.line-big .xs6,.line-big .xs7,.line-big .xs8,.line-big .xs9,.line-big .xs10,.line-big .xs11,.line-big .xs12,.line-big .xm1,.line-big .xm2,.line-big .xm3,.line-big .xm4,.line-big .xm5,.line-big .xm6,.line-big .xm7,.line-big .xm8,.line-big .xm9,.line-big .xm10,.line-big .xm11,.line-big .xm12,.line-big .xb1,.line-big .xb2,.line-big .xb3,.line-big .xb4,.line-big .xb5,.line-big .xb6,.line-big .xb7,.line-big .xb8,.line-big .xb9,.line-big .xb10,.line-big .xb11,.line-big .xb12{position:relative;min-height:1px;padding-right:10px;padding-left:10px}
img{ max-width:100%}
#fh5co-wrapper{overflow-x: hidden;}
#fh5co-page{position: relative;z-index: 2;background:#fff;overflow-x: hidden;}
.blank{ clear:both; height:10px; line-height:10px;}
.vertical-middle{width: 100%;height: 100%;display: table;}
.vertical-middle > div{display: table-cell;vertical-align: middle;}
.clear{ clear:both}


/*mobile header begin */
#fh5co-offcanvas, .fh5co-nav-toggle, #fh5co-page{}
#fh5co-offcanvas, .fh5co-nav-toggle, #fh5co-page{position: relative;}
#fh5co-page{z-index: 2;}
#fh5co-offcanvas{ display:none;right: 0; overflow-y: hidden;position: fixed;z-index: 9999;top: 0;width:100%;height:100%;background:#fff ;padding: 50px 25px 25px 25px;border:0;}
.offcanvas-visible #fh5co-offcanvas{ display:block;}
#fh5co-offcanvas ul{padding: 0;margin: 0;overflow-x:hidden;border-radius:0}
#fh5co-offcanvas ul li{list-style: none;  width:100%; margin:0;padding:0;position:static;border-bottom: 1px solid #ecedf4;}
#fh5co-offcanvas ul li:hover,#fh5co-offcanvas ul li.current{ }
#fh5co-offcanvas ul li i{width:10px;text-align:center;margin-left:8px;display:inline-block;}
#fh5co-offcanvas ul li a{color: #141b30;text-decoration: none !important; display:inline;position:relative; line-height:44px; margin:0; padding:0px 0 0 2px; font-size:16px; }
#fh5co-offcanvas ul li a:hover,#fh5co-offcanvas ul li.current a{color:#02aff3;}
#fh5co-offcanvas ul li a::after{ background:#eee; position:absolute;content:''; left:0px;bottom:0;right:0; height:1px;}
#fh5co-offcanvas ul li ul{margin:0;padding:0;z-index: 6; position:relative ;width:100%; border:0;display:none; }
#fh5co-offcanvas ul li ul li{margin:0;padding:0;border:none;line-height:28px;}
#fh5co-offcanvas ul li ul li a,#fh5co-offcanvas ul li.current ul li a{background:#fff;color:#666;display:block;padding:0px 20px 0px 10px;margin:0;text-align: left; width:100%; line-height:28px;transition:none;font-size:14px;}
#fh5co-offcanvas ul li ul li a:hover{background:#0092de;color:#fff; transition:none}
#fh5co-offcanvas ul li ul li a::before,#fh5co-offcanvas ul li ul li a::after{ background:none; height:0; padding:0}
#fh5co-offcanvas ul li ul li ul{top:0}
.fh5co-nav-toggle{cursor: pointer;text-decoration: none; }
.fh5co-nav-toggle.active i::before, .fh5co-nav-toggle.active i::after{background: #fff;}
.fh5co-nav-toggle:hover, .fh5co-nav-toggle:focus, .fh5co-nav-toggle:active{outline: none;border-bottom: none !important;}
.fh5co-nav-toggle i{position: relative;display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;width: 24px;height: 3px;color: #e60012;font: bold 14px/.4 Helvetica;text-transform: uppercase;text-indent: -55px;background: #fff;transition: all .2s ease-out;}
.fh5co-nav-toggle i::before, .fh5co-nav-toggle i::after{content: '';width: 24px;height: 3px;background: #fff;position: absolute;left: 0;-webkit-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;}
.fh5co-nav-toggle i::before{top: -7px;}
.fh5co-nav-toggle i::after{bottom: -7px;}
.fh5co-nav-toggle:hover i::before{top: -10px;}
.fh5co-nav-toggle:hover i::after{bottom: -10px;}
.fh5co-nav-toggle.active i{background:none;}
.fh5co-nav-toggle.active i::before{background:none}
.fh5co-nav-toggle.active i::after{background:none}
.fh5co-nav-toggle{position: fixed;top:14px; right: 10px;z-index: 99999;display: block;display: none;cursor: pointer;}
.fh5co-nav-toggle.active{right:15px !important; top:15px !important; background:url(../images/coo.png) no-repeat left top;  width:20px; height:23px;}
/*mobile header end */


/*scrollbar*/
::-webkit-scrollbar{width:8px;height: 6px;}
::-webkit-scrollbar-track-piece{margin-right:10px;background-color:#EEE;-webkit-border-radius:8px;}
::-webkit-scrollbar-thumb:vertical{height:8px; background-color:#DDD; -webkit-border-radius:8px;}
::-webkit-scrollbar-thumb:horizontal{ width:6px; background-color:#EEE; -webkit-border-radius:8px;}


/* header start */
#fh5co-header{float:left;width:100%;clear:both;background:none;position:fixed;top:0;left:0;z-index:999;
	webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
#logo2{display:none;}
.logo{float:left;}
.logo img{height:60px;margin:10px 0;
	webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
#fh5co-header.move {
	background:#fff;
    box-shadow: 0 0 7px rgba(0,0,0,0.1);
}
#fh5co-header.header2.move {background:#171414;}
.header2 #pcNav ul li a{color:#fff;}
.header2 .top-lan .nav-inline li a{ color:#fff;padding: 5px 5px 28px; }
.header2 .top-lan span.tops{background:url(../images/iconb2.png) no-repeat left 0px; }
/* header end */


/* nav start */
#pcNav{float:right;font-family:"思源黑体 CN";
	webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
#pcNav ul{float:left;width:100%;text-align:center;}
#pcNav ul li{float:left;position:relative;}
#pcNav ul li i{display:none;}
#pcNav ul li a{display:block;line-height:80px;padding:0 25px;margin:0 15px;font-size:15px;color:#444;font-weight:bold;}
#pcNav ul li.current a,#pcNav ul li a:hover{color:#02aff3;}
#pcNav ul li:last-child a{padding-right:0;}
#pcNav ul ul{position:absolute;left:15px;top:40px;z-index:2;width:220px;background:#e50211;display:none;}
#pcNav ul ul li{float:left;width:100%;}
#pcNav ul ul li a{font-size:14px;color:#fff !important;padding:10px 10px 10px 23px;line-height:2;text-align:left;border-bottom:1px solid #f5584a;background:#02aff3;margin:0;}
#pcNav ul ul li a:hover{background:#f8f8f8;color:#02aff3 !important;border-bottom:1px solid #f8f8f8;}


.top-lan{ margin:26px 0 0 60px; position:relative;z-index:6; color:#333}
.top-lan img{ vertical-align:middle; display:inline-block; margin-right:6px;}
.top-lan span.tops{background:url(../images/iconb.png) no-repeat left 0px; display:inline-block; width:9px; height:6px; margin-left:5px; vertical-align:middle; position:relative;top:0px;}
.top-lan li ul{ width:126px;min-width: 120px;left:-7px !important; }
.top-lan .nav-inline li a{ padding:5px 5px; color:#333}
.top-lan .nav-inline li img{ position:relative;top:-1px;}
.top-lan .nav-inline.nav-menu  ul a{ padding:7px 12px; text-align:left; color:#333}
.top-lan .nav-inline li ul li span{ background:none}
/* nav start */

/*首页轮换图片 begin*/

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus{outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav{margin: 0;padding: 0;list-style: none;}
.flexslider{margin: 0;padding: 0;position:relative;z-index:1}
.flexslider .slides > li{display: none;-webkit-backface-visibility: hidden;}
.flexslider .slides img{width: 100%;display: block;}
.flex-pauseplay span{text-transform: capitalize;}
.slides:after{content: "\0020";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides{display: block;}
* html .slides{height: 1%;}
.no-js .slides > li:first-child{display: block;}
.flex-control-nav{position:absolute;bottom:20px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:12px;height:12px;margin:0 4px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;cursor:pointer;width:12px;height:12px;float:left;text-indent:-2000px;background: #fff;border-radius:50%;}
.flex-control-nav .flex-active{background: #02aff3;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:50%; display:none}
.flex-direction-nav li a{display:block;width:21px;height:46px;cursor:pointer;text-indent:-999em;position:absolute;top: 50%; margin-top:-23px;}
.flex-direction-nav li a.flex-prev{left:285px;background: url("../images/icon-loop.png") no-repeat left 50%;opacity: 1;}
.flex-direction-nav li a.flex-next{right:285px;background: url("../images/icon-loop.png") no-repeat right 50%;opacity: 1;}
.flex-direction-nav li a.flex-next:hover{background:url("../images/icon-loop.png") no-repeat right 50%;opacity: 0.75;}
.flex-direction-nav li a.flex-prev:hover{background: url("../images/icon-loop.png") no-repeat left 50%;opacity: 0.75;}

/* home */
.home_top{float:left;width:100%;text-align:center;}
.home_top h3{float:left;width:100%;font-size:48px;color:#02aff3;line-height:1;font-weight:bold;text-transform : Capitalize;font-weight: bold;text-transform:uppercase;}
.home_top h4{float:left;width:100%;font-size:24px;color:#444;line-height:1;font-weight: bold;margin-top:8px;}
.home_more{float:left;width:100%;text-align:left;
    webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.home_more a{display:inline-block;width:130px;height:36px;line-height:36px;border-bottom:1px solid #ccc;text-indent:4px;font-size:14px;color:#999;font-weight:bold;position:relative;z-index:1;transition: color .3s;
}
.home_more a:before{content:'';position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: -1;background:#02aff3;   
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    -o-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.home_more a:hover{color:#fff;border-bottom:1px solid #02aff3;}
.home_more a:hover:before{
	-webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
}



/* 首页 关于我们 */
#fh5co-about{padding:135px 0 125px 0;}
.about_left{float:left;width:510px;}
.about_right{margin-left:510px;padding-left:140px;}
.about_top{text-align:left;}
.about_top h4{margin-top:18px;}
.about_con{float:left;width:100%;font-size:14px;color:#666;line-height:2;text-align: justify;margin-top:43px;}
.adv_item{border-bottom:1px solid #eee;padding:22px 0;}
.adv_item:first-child{padding-top:0;}
.adv_item_ico{float:left;width:52px;overflow:hidden;margin-left:7px;}
.adv_item_ico img{width:100%;height:auto;}
.adv_item_right{margin-left:75px;}
.adv_item_right h3{float:left;width:100%;font-size:16px;color:#333;font-weight:bold;line-height:1.5;margin-top:5px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.adv_item_right span{float:left;width:100%;font-size:14px;color:#666;line-height:1.3;margin-top:5px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}

/* 首页 产品中心 */
#fh5co-pro{position:relative;background:#f3f3f3;padding:90px 0 75px 0;}
#fh5co-pro .container{position:relative;z-index:2;}
.bg-pro{position:absolute;left:0;top:0;bottom:0;width:100%;height:386px;background:url(../pic/pro_bg.jpg) no-repeat center;background-size: cover;background-attachment: fixed;z-index:1;}
.pro_top h3,.pro_top h4{color:#fff;}
.pro_con{float:left;width:100%;color:#fff;margin-top:50px;}
.pro_item{margin-bottom:30px;}
.pro_item_border{float:left;width:100%;border:1px solid #eee;border-bottom:4px solid #02aff3;}
.pro_item_box{float:left;width:100%;background:#fff;padding:14px 14px 24px 14px;}
.pro_item_img{float:left;width:100%;overflow:hidden;}
.pro_item_title{float:left;width:100%;margin-top:20px;padding:0 8px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.pro_item_title a{font-size:18px;color:#222;font-weight:bold;line-height:1.67;}
.pro_item_des{float:left;width:100%;font-size:14px;color:#666;line-height:1.75;margin-top:5px;padding:0 8px;height:170px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:6;
	overflow: hidden;
}
.pro_item_more{float:left;width:100%;overflow:hidden;}
.pro_item_more a{display:block;width:100%;height:43px;line-height:43px;text-align:center;background:#fafafa;font-size:14px;color:#666;transition: color .3s;position:relative;z-index:1;}
.pro_item_more a:before{content:'';position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: -1;background:#02aff3;   
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    -o-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.pro_item_more a:hover{color:#fff;}
.pro_item_more a:hover:before{
	-webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
}

/* 首页 新闻中心 */
#fh5co-news{padding:90px 0 46px 0;}
.news_left{float:left;width:370px;}
.news_right{margin-left:370px;}
.news_top{text-align:left;margin-top:36px;}
.news_more{margin-top:65px;}
.news_con{float:left;width:100%;}
.news_item{margin-bottom:30px;}
.news_item a{float:left;display:block;width:100%;border:1px solid #eee;overflow:hidden;padding:25px 16px;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.news_item_title{float:left;width:100%;font-size:22px;color:#444;line-height:2.36;border-bottom:1px solid #dddddd;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.news_item_time{float:left;width:100%;font-size:14px;color:#bbb;line-height:2.57;overflow:hidden;margin-top:5px;}
.news_item_des{float:left;width:100%;font-size:14px;color:#777;line-height:2;height:56px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.news_item_more{float:left;width:100%;margin:40px 0 7px 0;}
.news_item_more span{display:block;width:30px;height:30px;line-height:30px;text-align:center;margin-left:2px;background:#ccc;border-radius:50%;color:#fff;font-size:20px;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.news_item_more span:hover{margin-left:10px;background:#02aff3;color:#fff;}
.news_item:hover a{border-bottom:5px solid #02aff3;margin-top:-4px;}
.news_item:nth-child(2n+1){clear:both;}

/* 首页 应用行业 */
#fh5co-appl{padding:105px 0 81px 0;background:#f3f3f3;}
.appl_top{text-align:left;}
.appl_con{float:left;width:100%;margin-top:45px;}
.line-appl{margin-left:-12px;margin-right:-12px;}
.appl_item{padding:0 12px;margin-bottom:24px;}
.appl_item a{float:left;width:100%;display:block;position:relative;overflow:hidden;}
.appl_item_box{position:absolute;left:0;top:-100%;opacity:0;z-index:1;width:100%;height:100%;display:table;background:rgba(0,0,0,0.5);padding:15px 40px;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.appl_item_cell{display:table-cell;vertical-align:middle;text-align:center;}
.appl_item_title{float:left;width:100%;font-size:18px;color:#fff;font-weight:bold;line-height:1.5;padding-bottom:15px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.appl_item_des{float:left;width:100%;font-size:14px;color:#ccc;line-height:1.57;text-align:left;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.appl_item:hover .applzoomimgs{transition: all 0.3s ease-out;transform: scale(1.3);}
.appl_item:hover .appl_item_box{top:0;opacity:1;}


/* 底部 begin*/
footer{background:#171414;font-size:14px;color:#999;padding:50px 0;line-height:1.58;overflow:hidden;}
footer a{color:#999}
footer a:hover{color:#fff;}
footer .container{padding:0 4px;}
.footer-right{float:right;width:30%;}
.footer-left{padding-right:30px;overflow:hidden;width:calc(100% - 49.5%) }
.footer-middle{float:right;width:19.5%;}

.footer-wechat{float:right;text-align:center;margin-top:4px;}
.footer-wechat img{width:108px;height:auto;}
.footer-wechat span{display:block;line-height:1.57;margin-top:12px;color:#aaa;display:none;}
.footer-wechat .b-left,.footer-wechat .b-right{float:left;}
.footer-wechat .texts{margin-top:8px; }
.footer-wechat .b-right{margin-left:25px;}
.copyright{float:left;width:100%;padding-left:5px;}
.footer-nav-item{float:left;width:100%;}
.footer-nav-item ul{float:left;width:100%;}
.footer-nav-item ul li{float:left;width:100%;line-height:1.5;overflow:hidden;margin-bottom:5px;}
.footer-nav-item ul li i{display:inline-block;width:28px;font-size:16px;text-align:center;}


.footer-middle h3{ font-size:18px; color:#ccc;margin-bottom:10px;}
.footer-middle li{padding:2px 0 4px;}
.footer-middle li.webapp,.footer-middle li.zalo{ position:relative;z-index:1;padding-left:18px;}
.footer-middle li.webapp i,.footer-middle li.zalo i{ content:''; position:absolute;z-index:2; width:15px; height:15px;  left:0;top:4px;}
.footer-middle li.webapp i{ background:url(../images/whatsapp.png) no-repeat left center;background-size:100%;  }
.footer-middle li.zalo i{ background:url(../images/zalo.png) no-repeat left center;background-size:100%; }
.footer-middle li.facebook i{ display:inline-block;padding-right:6px;font-size:16px;}

/* 底部 end*/

/* main */
.noInfo{padding:0 15px;}
.main{float:left;width:100%;overflow:hidden;}
.main_top{display:none;}
.main_list{float:left;width:100%;text-align:left;margin-bottom:30px;}
.main_list ul{float:left;width:100%;overflow:hidden;}
.main_list ul li{display:inline-block;margin: 0 7.5px 15px 7.5px;}
.main_list ul li a{display:block;padding:0 22px;line-height:44px;font-size:16px;color:#333;background:#f5f5f5;border-radius:3px;
	webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.main_list ul li a.current,.main_list ul li a:hover{background:#02aff3;color:#fff;}

.pagination li{margin:0 3px;}




/*left*/
#left{width:100%;float:left;padding:115px 0 0 0;}
#left.lefttwo{padding:55px 0 0 0;}
.left_list{width:100%;float:left;box-shadow: 0px 0px 5px #ccc;margin-bottom:20px;display:none;}
.left_top{width:100%;height:60px;line-height:60px;float:left;background:#02aff3;}
.left_top h3{float: left;line-height:60px;font-size:22px;font-family: "微软雅黑";color: #FFF;padding-left: 22px;}
.left_con{padding:0px;line-height:24px;width:100%;background:#fff;float:left;border:1px solid #e5e5e5;border-top:none;}
.type_list{width:100%;float:left;}
.type_list ul{margin:0px;padding:0px;list-style-type:none;}
.type_list li{margin:0px;padding:0px;list-style-type:none;height:43px;line-height:43px;border-bottom:1px solid #e5e5e5;overflow:hidden;}
.type_list li a{color:#333;background:url(/themes/znbo/pic/left_0.png) no-repeat right center;font-size:14px; display:block;margin:0 22px;height:43px;}
.type_list li a:hover{color:#02aff3;background:url(/themes/znbo/pic/left_1.png) no-repeat right center;}
.type_list li a.current{color:#02aff3;background:url(/themes/znbo/pic/left_1.png) no-repeat right center;}
.type_list li.second_cat{}
/*end*/

/* right */
#right{float:left;width:100%;padding:0 0 115px 0;}
.right_top{float:left;width:100%;height: 35px;line-height: 35px;text-align: left;margin-bottom: 30px;margin-top:60px;}
.right_top span{float:left;font-size:12px;color:#999;}
.right_top span i{font-size:14px;margin-right:3px;}
.right_top span a{color:#999;padding:0 4px;}
.right_top span a:hover{color:#02aff3;}
.right_con{float:left;width:100%;min-height:350px;}
.right_con img{max-width:100%;height:auto;}


/* 内页 begin*/
.zoomimgs{transition: transform 1s ease 0s;transform: scale(1); }
.zoomimgs:hover{transition: transform 1s ease 0s;transform: scale(1.3);}

.page-img-list{ position:relative}
.page-img-list .overlay{ position:absolute; height:45px; line-height:45px; width:100%; text-align:center; bottom:0; background:#000;opacity:0.6}
#fh5co-content_show .detail .overlay p{ position:relative; line-height:45px;}
#fh5co-content_show .detail a .overlay p { color:#fff}


/*分页*/
.table span{margin-right:10px;}
.content_detail .pager{ padding:0; margin:0; font-size:14px;}
.content_detail .pager a{border:none;}
.content_detail .pager a:focus,.content_detail .pager a:hover{color:#f60;background:none}
.content_detail .pager li{display:block;text-align:left; line-height:200%}
#fh5co-content_show .pagination .active,#fh5co-content_show .pagination a:hover{background: #e50211;color:#fff;}
#fh5co-content_show .pagination .active a{color:#fff}
#fh5co-content_show .pagination li{ margin:0 3px;}
#fh5co-content_show video{max-width:100%}
.padding-top-40{padding-top:42px;}




/*内页banner*/
.slideshow{position:relative;}
.slideshow .innerbanner_url{height:420px;background-size:cover !important;}
.slideshow .overlay {position:absolute;left:0;top:0;width:100%;height:100%}
.slideshow .overlay .container{height:100%;display:table;}
.slideshow .overlay .container .line{display:table-cell;vertical-align:middle;}
.slideshow .overlay .container .line .title{text-align:left;margin-top:70px;}
.slideshow .overlay .container .line .title h2{font-size:62px;color:#fff;line-height:1;font-weight:bold;text-transform:uppercase;}
.slideshow .overlay .container .line .title h2 a{}
.slideshow .overlay .container .line .title h3{font-size:32px;color:#fff;line-height:1;margin-top:10px;}

#fh5co-hero1{ display:none}

/*悬浮链接*/
.suspension .red{ color:#208cbc}
.suspension{position:fixed;z-index:5;right:0;top:50%; margin-top:-120px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px; line-height:44px;background-color:#02aff3;margin-bottom:4px;cursor:pointer;outline:none; text-align:center}
.suspension .a.active,.suspension .a:hover{background:#efa210;}
.suspension .a span{ color:#fff; font-size:23px; }
.suspension .a-top{background:#02aff3; display:none;}
.suspension .a-top:hover{background:#999;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrows{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:23px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:44px;}
.suspension .d-qrcode{top:91px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:102px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:102px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}
/*在线客服 end*/

/*手机底部导航*/
#toolbar{ display:none;}


/* 产品页 */
.productList{float:left;width:100%;}
.productList .line-big{margin-left:-13px;margin-right:-13px;}
.pro_list{margin-bottom:40px;padding:0 13px !important;}
.pro_list_box{float:left;width:100%;overflow:hidden;}
.pro_list_img{float:left;width:100%;overflow:hidden;}
.pro_list_img a{display:block;}
.pro_list_title{float:left;width:100%;text-align:center;line-height:1.86;margin-top:5px;padding:0 5px;}
.pro_list_title a{font-size:15px;color:#666;}
.pro_list_des{float:left;width:100%;margin-top:10px;font-size:14px;color:#666;line-height:1.714;padding:0 3px;}



/* 产品详情页 */
.product-detail{float:left;width:100%;}
.pager{text-align:left;}
.pager li{display:block;margin-top:15px;}
.productImg{float:left;width:35%;}
.productImg img{width:100%;height:auto;}
.productRight{margin-left:35%;padding-left:30px;}
.productTitle{float:left;width:100%;    border-bottom: 1px solid #ddd;color: #333;font-size: 18px;line-height: 33px;padding-bottom: 6px;}
.productDes{float:left;width:100%;color: #999;line-height: 24px;padding: 15px 0 0px;font-size: 14px;}
.detail-title{float:left;width:100%;    border-bottom: 1px solid #ddd;position: relative;height: 37px;margin-top:40px;}
.detail-title h3{    background: #fff;
    color: #555;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    width: 126px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #fff;
    position: absolute;
    left: 0;
    top: 1px;}
.description{float:left;width:100%;min-height:200px;}
.shares{float:left;width:100%;margin-top:20px;}	

/* 产品相册 start */
.imgnav{width:100%; position:relative; margin:0 auto 20px auto;}
#img{ z-index:10; width:100%; position:relative; text-align:center;}
#img .img_url{ display:none;width:100%;padding-bottom:100%;background-size:contain !important;}
#front{ display:block;position:absolute; left:0px; top:0px; z-index:10; cursor:pointer;  width:40%; height:100%; background:url(../pic/ico/blank.gif); }
#front a{  position:absolute; left:20px; top:50%;margin-top:-30px;display:block; background:url(../pic/ico/imgSlideLeft.png) no-repeat; width:60px; height:60px; display:none;background-size:contain !important;}
#next{ display:block; position:absolute; right:0px; top:0px; z-index:10;cursor:pointer; width:40%; height:100%;  background:url(../pic/ico/blank.gif);}
#next a{  position:absolute; right:20px; top:50%;margin-top:-30px; display:block; background:url(../pic/ico/imgSlideRight.png) no-repeat; width:60px; height:60px; display:none;background-size:contain !important;}

#cbtn{background:#EAEBF0; position:relative; height:104px; border:1px solid #D6D9DC; margin-top:12px;padding:10px 40px; }
#cbtn ul{position:relative; width:10000px; height:122px;}
#cbtn ul li{ float:left;cursor:pointer; text-align:center; margin-right:10px; position:relative;}
#cbtn ul li .img_url2{width:80px;padding-bottom:100%;background-size:contain !important;border:1px solid #EAEBF0;}
/*#cbtn ul li img{ width:116px; height:86px; display:block;}
#cbtn ul li tt{ background:#000; color:#FFF; position:absolute; right:4px; bottom:4px; z-index:20; font-family:"宋体" ;font-size:12px; line-height:16px; padding:0 5px;}*/
#cbtn li.hov .img_url2{border:1px solid #e50211;}
.ctrl div{ clear:both;}
#cSlideUl{width:100%;overflow:hidden; position:relative; margin:0 auto;}
.picSildeLeft{cursor:pointer; position:absolute; top:20px; left:10px; z-index:9;}
.picSildeRight{cursor:pointer; position:absolute; top:20px; right:10px; z-index:9;}
/* 产品相册 end */


/*新闻页*/
.articleList{float:left;width:100%;}
.line-articleList{margin-left:-12px;margin-right:-12px;}
.art_list{float:left;/* width:100%;border-bottom:1px dotted #e5e5e5;padding-bottom:30px; */margin-bottom:24px;padding:0 12px;padding-top:10px;}
.art_list:last-child{border-bottom:0;padding-bottom:0;}
.art_list_box{float:left;width:100%;background:#fff;padding:56px 30px 36px 30px;;
	box-shadow: 0 5px 30px 0 rgba(0,0,0,0.1);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
}
.art_img{float:left;width:200px;overflow:hidden;}
.art_img img{width:100%;height:auto;
	webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
	transform: scale(1); 
}
.art_right{margin-left:220px;}
.art_time{float:left;width:100%;font-size:14px;color:#989898;line-height:1;font-weight:bold;}
.art_title{float:left;width:100%;line-height:1.5;margin-top:26px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.art_title a{font-size:16px;color:#333;font-weight:bold;}
.art_title a:hover{color:#02aff3;}
.art_des{float:left;width:100%;font-size:14px;color:#999;line-height:1.857;margin-top:23px;height:52px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.art_more{float:left;width:100%;margin-top:40px;}
.art_more a{color:#02aff3;}
.art_img img:hover{
	transform: scale(1.1);
}
.art_list:hover .art_list_box{margin-top:-10px;background:#02aff3;}
.art_list:hover .art_time,.art_list:hover .art_title a,.art_list:hover .art_des,.art_list:hover .art_more a{color:#fff;}
.art_list:nth-child(3n+1){clear:both;}


/* 新闻详情页 */
.articleTitle{float:left;width:100%;font-size:24px;color:#02aff3;line-height:1.5;font-weight:bold;}
.articleTime{float:left;width:100%;text-align:center;margin-bottom: 25px;padding-top: 15px;}
.articleTime span{margin: 0 5px;font-size: 12px;color: #999;}

/* 内页 关于我们 */
.page_about_left{float:left;width:555px;}
.page_about_right{margin-left:580px;text-align:right;}
.page_about_right img{width:457px;height:auto;}
.page_about_title{float:left;width:100%;margin-top:40px;}
.page_about_title h2{float:left;width:100%;font-size:30px;color:#444;line-height:1.5;font-weight:bold;}
.page_about_con{float:left;width:100%;font-size:14px;color:#555;line-height:2;margin-top:55px;}

.service{float:left;width:100%;padding:115px 0;background:#fafafa;}
.service_top{}
.service_con{float:left;width:100%;margin-top:80px;}
.line-service{margin-left:-20px;margin-right:-20px;}
.service_item{padding:0 20px;margin-bottom:25px;}
.service_item a{float:left;display:block;width:100%;text-align:center;background:#fff;padding:30px;border-bottom:4px solid #02aff3;
	webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.service_ico{float:left;width:52px;}
.service_ico img{width:100%;height:auto;}
.service_right{margin-left:75px;text-align:left;}
.service_right h3{float:left;width:100%;font-size:18px;color:#333;line-height:1.75;font-weight:bold;margin-top:10px;overflow:hidden;}
.service_right span{float:left;width:100%;margin-top:15px;font-size:14px;color:#666;line-height:2;overflow:hidden;}
.service_item:hover a{margin-top:-5px;}

/* 内页 应用行业 */
.applList{float:left;width:100%;}
.appl_list{padding:90px 0;}
.appl_list:first-child{padding-top:0;}
.appl_list:nth-child(2n){background:#fafafa;}
.appl_list_img{width:540px;border:18px solid #fff;box-shadow:0 0 15px #dcdcdc;overflow:hidden;}
.appl_list_right{margin-left:540px;padding-left:90px;}
.appl_list_left{margin-right:540px;padding-right:90px;}
.appl_list_title{float:left;width:100%;font-size:26px;color:#02aff3;font-weight:bold;margin-top:60px;line-height:1.5;}
.appl_list_des{float:left;width:100%;font-size:14px;color:#777;line-height:1.75;margin-top:50px;}


/* 内页 联系我们 */
.page_box{padding:0 15px;overflow:visible;}
.page_title{float:left;width:100%;position:relative;padding-bottom:7px;clear:both;margin-top:20px;text-align:left;}
.page_title h3{width:100%;font-size:20px;font-weight:bold;line-height:1.75;text-transform : uppercase;}
.page_title h4{width:100%;font-size:28px;font-weight:bold;line-height:1;color:#f6f5f5e6;position:absolute;left:0;bottom:0;z-index:-1;text-transform : uppercase;}
.page_contact{float:left;width:100%;margin:0 0 60px 0;}
.page_contact i{display:inline-block;width:25px;color:#02aff3;}
.page_contact p{line-height:2;}

.page_book{float:left;width:100%;margin:15px 0 50px 0;}
.book_list{margin-bottom:10px;}
.book_input{float:left;width:100%;border-radius:0;height:44px;line-height:20px;padding:12px 12px;border:1px solid #eeeeee;overflow:hidden;color:#666;}
.book_text{float:left;width:100%;border-radius:0;height:124px;line-height:20px;padding:12px 12px;border:1px solid #eeeeee;overflow:hidden;color:#666;}
.book_btn{background-color: #02aff3;border-color: #02aff3 !important}
.book_btn:hover,book_btn:focus{background:#fff  !important; color:#333  !important}

.about_data_bg{display:block;clear:both;width:71.25%;margin:0 auto;}
.fh5co-adv2{margin-top:100px;padding:100px 0 !important;}
.fh5co-client2{ padding: 80px 0 15px 0 !important;}

@media (min-width: 1200px){
	.container{padding:0;}
}

@media screen and (max-width:1680px){

}

@media screen and (max-width:1199px){
.mid-nav .xb3{ float:left; text-align:left}
.mid-nav .ur-here{ text-align:left}
.mid-nav .submenu li:first-child{ padding-left:0}
.mid-nav .submenu li:first-child a{ padding-left:0}
.slides-txt a{ float:none; margin:13px auto 0; text-align:center; display:block}

	#pcNav ul li a{padding:0 15px;}
	.top-lan{ margin:26px 0 0 40px; }

}

@media screen and (max-width:1000px){
.line-big{margin-left:-10px;margin-right:-10px}
.line-big .x1,.line-big .x2,.line-big .x3,.line-big .x4,.line-big .x5,.line-big .x6,.line-big .x7,.line-big .x8,.line-big .x9,.line-big .x10,.line-big .x11,.line-big .x12,.line-big .xl1,.line-big .xl2,.line-big .xl3,.line-big .xl4,.line-big .xl5,.line-big .xl6,.line-big .xl7,.line-big .xl8,.line-big .xl9,.line-big .xl10,.line-big .xl11,.line-big .xl12,.line-big .xs1,.line-big .xs2,.line-big .xs3,.line-big .xs4,.line-big .xs5,.line-big .xs6,.line-big .xs7,.line-big .xs8,.line-big .xs9,.line-big .xs10,.line-big .xs11,.line-big .xs12,.line-big .xm1,.line-big .xm2,.line-big .xm3,.line-big .xm4,.line-big .xm5,.line-big .xm6,.line-big .xm7,.line-big .xm8,.line-big .xm9,.line-big .xm10,.line-big .xm11,.line-big .xm12,.line-big .xb1,.line-big .xb2,.line-big .xb3,.line-big .xb4,.line-big .xb5,.line-big .xb6,.line-big .xb7,.line-big .xb8,.line-big .xb9,.line-big .xb10,.line-big .xb11,.line-big .xb12{position:relative;min-height:1px;padding-right:10px;padding-left:10px}
.mid-nav .leftbar h3{ text-align:left; text-indent:20px;}
#fh5co-content_show .leftcon{width:185px;margin-right:-185px ;}
#fh5co-content_show .rightcon .con{margin-left:205px;}
.mid-nav .submenu li a{ background-position:10px center;display: block; padding:12px 22px; }
.mid-nav .submenu li a.current,.mid-nav .submenu li a:hover{background-position:159px center;}
.show-product .item .media-img{ max-width:220px; }
.padright .margin-big-top{ margin-top:0}
.tab-con li a{  width:70%}
.mid-nav .leftbar h3{ padding-left:0}
.mid-nav .leftbar h3 img{ display:none}

.slides-txt span{ margin:0}
.slides-txt a{ margin:15px 0 0}
footer .footer-top .item1{ margin-right:0px;border-right:none}
footer .footer-top .foot-nav li{ width:33.3333333%}
#fh5co-header .tel span{ display:block}
#fh5co-header .tel{background-position: 50px top; line-height:1.2}

	/* header */
	#pcNav ul li a{padding:0 12px;margin:0 5px;font-size:14px;}	
	
	/* 首页 */
	.about_left{width:100%;}
	.about_right{float:left;width:100%;margin-left:0;padding:0;margin-top:50px;}
	.home_top h3{font-size:36px;}
	.home_top h4{font-size:18px;}
	.news_left{width:200px;}
	.news_right{margin-left:200px;}
	
	/* 内页 关于我们 */
	.page_about_left{width:100%;}
	.page_about_right{float:left;width:100%;padding:0;margin:0;margin-top:30px;text-align:center;}
	.page_about_title{margin-top:0;}
	.page_about_title h2{font-size:30px;}
	
	.logo img{height:40px;margin:20px 0 0;}
.footer-wechat .b-right{margin-left:11px;}
.footer-right{width:37%;}
.footer-left{padding-right:10px;width:calc(100% - 55%) }
.footer-middle{width:12%;}
}

@media screen and (max-width:760px){
#quirydialog .qdialog-head{width:360px }
#fh5co-offcanvas .nav{display: block;borer:none}
.fh5co-nav-toggle{display: block;}
.article-media .media .media_img{width:150px; margin-right:12px;}
.article-media .media .media_img img{width:150px;}
.article-media .media .time{ display:none}
#fh5co-content_show{ padding:0 0 30px;}
#fh5co-content_show .leftcon{width:100%;margin-right:0px ;}
#fh5co-content_show .rightcon .con{margin-left:0px; padding:0 10px; margin-top:30px;}
.ur-here{ display:none}
.mid-nav{ border-bottom:none}
.mid-nav .container{ padding:0}
.mid-nav .leftbar{ background:none; margin-bottom:30px; height:50px;}
.mid-nav .leftbar ul.submenu{ clear:both; border:none;}
.leftbar{background:#000; }
.mid-nav .leftbar h3{ display:none}
.mid-nav .leftbar h4{ display:block; float:right; width:50%; background:#e50211; height:50px; line-height:50px; text-align:center; color:#fff; font-size:16px;}
.mid-nav .leftbar button{z-index:99;float:left; width:50%; height:50px; line-height:50px; padding:0; margin:0;border:none;border-radius:0; background:#000; color:#fff; font-size:16px; text-align:left; text-indent:12px;}
.mid-nav .leftbar button span{ display:inline-block; margin-left:0px;}
.mid-nav .submenu li{float:none; background:#fff; padding:0;}
.mid-nav .submenu li a,.mid-nav .submenu li:first-child a{ background-position:25px center;padding:12px 18px; }
.mid-nav .submenu li a.current,.mid-nav .submenu li a:hover{background:#e50211; color:#fff}
.mid-nav .submenu li:last-child{ border-bottom:1px solid #e2e2e2; }
#fh5co-hero,.SonlineBox,.flex-direction-nav{ display:none}
#fh5co-hero1{ display:block}

	

.suspension{ display:none}
#china-map {height:500px;}

.flex-control-nav{bottom:10px;}

.index-box .about .desc{ padding-right:0px;}
.tab-nav li{ width:33.333333%; text-align:center}
.tab-nav li a{ padding:8px 0}
.index-box .tab-more{ display:none}

.show-product .item .media-img{border: 1px solid #ddd;max-width:100%; }
.footer-top .item1 .addr{ margin:0}

#fh5co-header .header-box .tnav-bg{ position:static;height:auto; line-height:auto; margin-bottom:10px;}
.top-nav li a.first-level:after,.top-nav li.current a.first-level:after{ display:none}
#fh5co-offcanvas ul li.lan{ float:none}
#fh5co-offcanvas ul li.lan{  line-height:32px; margin:0; padding:0; float:left !important}
#fh5co-offcanvas ul li.lan a{ font-size: 16px;margin:0px 5px 0 0;display:inline-block; border:none}
#fh5co-offcanvas ul li.lan a::after{ display:none}

.solution-inner .media-img{ text-align:center}
.tab-con li a{  width:78%}
.con-boxs .ur-here{ margin-top:30px;}
.product-box .cat-nav li a{ font-size:15px; padding:0 7px}

/*手机底部导航*/
.blank55{height:55px; line-height:1px; clear:both;}
#toolbar{color:#fff;width:100%;height:54px;position:fixed;bottom:0;left:0;z-index:6;background:#181919; display:block;}
#toolbar a{width:100%;color:#fff;display:block;padding:5px 0 0 0;line-height:23px;font-size:14px;}
#toolbar a span{ font-size:22px; display:block;}

	/* 2021.07.03 */	
	/* 首页 */
	#fh5co-header{background:#171414;}
	.flexslider{margin-top:50px;}
	#logo{display:none;}
	#logo2{display:block;}
	.logo img{height:40px;}
	.home_top h3{font-size:24px;}
	.home_top h4{margin-top:8px;}
	#fh5co-about{padding:50px 0;}
	.about_con{margin-top:30px;}
	.about_right{margin-top:40px;}
	.adv_item_right h3{font-size:14px;}
	#fh5co-pro{padding:50px 0 20px 0;}
	.pro_con{margin-top:30px;}
	.bg-pro{height:100%;}
	.pro_item_title a{font-size:16px;}
	#fh5co-news{padding:50px 0 20px 0;}
	.news_left{width:100%;}
	.news_right{float:left;width:100%;margin-left:0;margin-top:30px;}
	.news_top{margin:0;}
	.news_more{display:none;}
	.news_item_title{font-size:18px;}
	.news_item_more{margin:30px 0 7px 0;}
	.news_item_more span{background:#02aff3;color:#fff;}
	.news_item a{border-bottom:5px solid #02aff3;}
	#fh5co-appl{padding:50px 0 20px 0;}
	.appl_con{margin-top:30px;}
	.line-appl{margin-left:-10px;margin-right:-10px;}
	.appl_item{margin-bottom:30px;padding:0 10px;}
	.appl_item_box{position:unset;opacity:1;background:#fff;padding:15px 15px 20px 15px;border-bottom:5px solid #02aff3;}
	.appl_item_title{color:#444;text-align:left;font-size:16px;}
	.appl_item_des{color:#666;}
	
	/* footer */
	footer{padding:35px 0 0 0;}
	footer .container{padding:0 10px;}
	.footer-right{}
	.footer-wechat img{width:80px;}
	.footer-left{margin-right:0;padding-right:0;}
	.copyright{padding:15px 0;margin-top:30px;border-top: 1px solid #353535;text-align:center;}
    .footer-wechat { float: left;margin-bottom:30px;}
	
	/* 产品页 */
	.main_list{display:none;}
	.pro_list{margin-bottom:20px;}
	.pro_list:nth-child(2n+1){clear:both;}
	.pro_list_title a{font-size:13px;}
	.pro_list{padding: 0 8px !important;}
	.productList .line-big {
		margin-left: -8px;
		margin-right: -8px;
	}	
	/* 相册 */
	#cbtn{display:none;}
	#front a, #next a {display: block;width: 40px;height: 40px;}


	/* 内页 */
	.slideshow{margin-top:50px;}	
	.slideshow .innerbanner_url{height:140px;}	
	.slideshow .overlay .container{width:100%;}
	.slideshow .overlay .container .line .title{margin-top:0;}	
	.slideshow .overlay .container .line .title h2{font-size:24px;}
	.slideshow .overlay .container .line .title h3{font-size:18px;}
	.icon-navicon{margin-bottom:20px;margin-top:0;}
	.right_top2{display:none;}
	.productImg{width:100%;}
	.productRight{float:left;width:100%;padding:0;margin:0;}
	.productTitle{margin-top:15px;font-size:16px;}
	.shares{display:none;}
	#left{padding:50px 0 0 0;}
	#right{padding:0 0 50px 0;}
	.right_top{margin-bottom:10px;margin-top:40px;}
	.main_list{margin-bottom:30px;}
	.main_list ul li{margin:0;width:100%;border-bottom:1px dashed #e5e5e5;}
	.main_list ul li:last-child{border:0;}

	/* 新闻页 */
	.art_img{width:100px;}
	.art_right{margin-left:115px;}
	.art_more{display:none;}
	.art_title{margin-top:15px;}
	.art_title a{font-size:14px;}
	.art_des{margin-top:10px;}
	.line-articleList{margin-left:-10px;margin-right:-10px;}
	.art_list{ border-bottom: 1px dotted #e5e5e5;padding:20px 10px;}
	.art_list:first-child{padding-top:0;}
	.art_list_box{padding:0;box-shadow:unset;padding-top:0;}
	.art_list:last-child{padding-bottom:0;margin-bottom:0;}
	.art_list:hover .art_list_box{margin-top:0;background:#fff;}
	.art_list:hover .art_title a{color:#02aff3;}
	.art_list:hover .art_time{color:#989898;}
	.art_list:hover .art_des{color:#999;}
	

	/* 新闻详情页 */
	.articleTitle{font-size:16px;}
	.articleTime{font-size:12px;margin-bottom:5px;}
	
	/* 首页 */

	
	/* 内页 联系我们 */
	.page_box{padding:0;}
	.page_contact{ margin: 0 0 30px 0;}
	.page_title{margin-top:10px;}
	.page_title h3{font-size:18px;}
	.page_book{margin:10px 0 40px 0;}
	
	/* 内页 应用行业 */
	.appl_list{padding:50px 0;}
	.appl_list_img{float:left;width:100%; border: 10px solid #fff;}
	.appl_list_left,.appl_list_right{float:left;width:100%;padding:0;margin:0;}
	.appl_list_title{font-size:18px;margin-top:30px;}
	.appl_list_des{margin-top:20px;}
	
	/* 内页 关于我们 */
	.page_about_title h2{font-size:20px;}
	.page_about_con{margin-top:30px;}
	.page_about_right img{max-width:100%;}
	.service{padding:50px 0;}
	.service_con{margin-top:30px;}
	.line-service{margin-left:-10px;margin-right:-10px;}
	.service_item{padding:0 10px;}
	.service_right h3{font-size:16px;}
	
.logo img{height:45px;margin:6px 0;}
.top-lan{position:relative;z-index:1; height:58px;}
	.top-lan .nav-navicon{display:inline-block; width:126px;}
	.top-lan .nav-inline li{ }
	.top-lan .nav-menu ul{ display:none}
	.top-lan .nav-inline li a{ color:#fff;  padding: 8px 5px 24px;}
    .top-lan{ margin:6px 1px 0 4px;}
	.top-lan ul ul{top: 100%;position: absolute;display: none;z-index: 1;float: left;box-shadow: 0 6px 12px rgba(0,0,0,.175);border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;background-color: #fff;background-clip: padding-box;}
	.top-lan span.tops{background:url(../images/iconb2.png) no-repeat left 0px; }
    .pro_item_des{height:auto}

.footer-right{float:left;width:100%;}
.footer-left{width:100% }
.footer-middle{float:left;width:100%;margin-bottom:20px; padding-left:10px;}

.catbotu{ width:100%; height:46px; text-align:left;font-size:16px; font-weight:bold;margin-bottom: 0px; }
.catbotu:before{ position:absolute;z-index:2; right:20px;width:22px; font-size:22px; color:#02aff3} 
#left.lefttwo{padding:20px 0 0 0;}
.productList{margin-top:20px;}
.flex-control-nav li{width:8px;height:8px;margin:0 3px;}
.flex-control-nav a{width:8px;height:8px;}
}

@media screen and (max-width:480px){
.article-media .media .caldata .content{ padding: 5px;}
.article-media .media .media_img{width:82px;margin-right:10px;}
.article-media .media .media_img img{width:80px;padding:1px;}
.article-media img{width:80px;}
#fh5co-content_show .article-media li{ padding:10px 0px;}
.article-media .media-body h3{line-height:100%;font-size:14px;}
.article-media .media-body h3 a { font-size:14px; line-height:150%}
.mid-nav .leftbar h4{ display:none;}
.mid-nav .leftbar button{ width:100%;}
#fh5co-header .header-box  .xl4{ width:100% !important}
.tab-con li a{  width:100%}
.tab-con li span{ display:none}
.slides-txt{ font-size:18px;}
.product-box .item h3{font-size:16px;}
.slides-txt span,.slides-txt a{font-size:14px; display:block}
.project-box .slick-slide h3{ font-size:14px;}
.about-box .content,.list-news-box .item .media .media-body h3 a{font-size:14px;}
.top-nav li a{ font-size: 15px;margin-right:12px;}
.top-nav li{line-height:26px;}
}
/* 内页 end*/

/* ======置顶 ======*/
.backToTop{display: none;width:35px;height:35px;position: fixed;_position: absolute;right: 5px;bottom: 60px;_bottom: "auto";cursor:pointer;z-index:7;background:#666 url(../images/icon-gotop-fixed.png) no-repeat center center;border-radius:50%}
.backToTop:hover{background-color:#333;}