﻿@charset "utf-8";
/*By 百韵科技*/
*,*:before,*:after{margin:0px;padding:0px;box-sizing:border-box;font-family:arial,'microsoft yahei',\5b8b\4f53}
body{background:#e5e5e5;}
body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol{margin:0px;padding:0px;font-size:14px;color:#333;}
ul,li{list-style:none;}
i,{font-style:normal}
img{-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;height:auto;vertical-align:middle;border:0}
table{border-collapse:collapse;border-spacing:0}
textarea{resize:none}
::-webkit-scrollbar-thumb{min-height:50px;border-radius:3px;background-color:#666}
::-webkit-scrollbar-track{background:#eee}
::-webkit-scrollbar-corner{background:transparent;}
::-webkit-scrollbar{width:7px;height:7px}
a{text-decoration:none;color:#666;}
a:hover{color:#ff0000;}
a.a1{text-decoration:none;color:#333;text-decoration:underline;}
a.a1:hover{color:#ff0000;text-decoration:none;}
a.a2{text-decoration:none;color:#0099CC;text-decoration:underline;}
a.a2:hover{color:#ff0000;text-decoration:none;}
a.a3{text-decoration:none;color:#ff0000;text-decoration:underline;}
a.a3:hover{color:#ff0000;text-decoration:none;}
.clear{clear:both;display:block;*zoom:1;line-height:0px;overflow:hidden;}zoom:1; font-size:0px; content:'.';
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.blank10{height:10px;}
.fl{float:left;}
.rl{float:right;}
.margin10{height:10px;width:100%;margin:0px auto;}
.margin20{height:10px;width:100%;margin:20px auto 20px;}
.h20{height:20px;}
/***********************************************************公共样式  end *******************************************************8*/

/*像素参考表
56.25*0.22
0.06rem = 3像素
0.09rem = 5像素
0.19rem = 10像素

0.22rem = 12像素
0.26rem = 14像素
0.29rem = 16像素
0.33rem = 18像素
0.36rem = 20像素
0.4rem = 22像素
0.5rem = 28像素
*/


/*******************************盒子定义  begin *********************************************/
.main_bigbox{max-width:640px;margin:0px auto; position:relative;}  /*手机版，控制整体网页宽度的*/
.box{
	max-width:640px;
	margin:0 auto;
	background:#fff;
}

.box1{
	max-width:640px;
	min-height:200px;
	margin:0 auto;
	background:#fff;
	padding:0 15px;
}
.box2{
	margin:0px auto;
	padding:20px 10px;
}
/*.box{
	border-top:0px #EEEEEE solid;border-bottom:1px #dfdfdf solid;background:#fff;
	box-shadow:0 2px 2px rgba(100,100,100,.1);
	-webkit-box-shadow:0 2px 2px rgba(100,100,100,.1);
	-moz-box-shadow:0 2px 2px rgba(100,100,100,.1);
}*/
/*******************************盒子定义  end ******************************************/




/*编辑器插入视频的背景颜色 */
.ke-media{background:#000000; height:250px;}



/********************************************************  表格定义  begin **********************************************************/
/*******信息编辑********/
.table-view{width:100%;}
.table-view tr{line-height:44px;}
.table-view tr:hover{background:#ECFBFF;}
.table-view td{text-align:left;padding:5px;color:#666;border-bottom:0px dotted #dfdfdf;font-size:14px;}
.table-view td.noline-and-bg{background:#fff;border-bottom:0px dotted #dfdfdf;}
.table-view strong{font-size:14px;font-weight:bold;}

/******信息列表用*****/
.table-box,.table-box tr,.table-box td,.table-box th{border:1px solid #dfdfdf;}
.table-box th{line-height:38px;font-size:14px;font-weight:normal;background:#f5f5f5;text-align:left;padding-left:7px;}
.table-box tr,.table-box td{line-height:22px;}
.table-box tr:hover{background:#ECFBFF;}
.table-box td{padding:2px 7px;text-align:left;color:#666;font-size:14px;}
.table-box td.center{text-align:center;padding:7px 0px;}
.table-box th.center{text-align:center;padding:2px 0px;}

/******信息列表用*****/
.table-list{width:100%;}
.table-list,.table-list tr,.table-list td,.table-list th{border:1px solid #dfdfdf;}
.table-list th{line-height:38px;font-size:14px;font-weight:normal;background:#f5f5f5;text-align:left;padding-left:7px;}
.table-list tr,.table-list td{line-height:36px;}
.table-list tr:hover{background:#ECFBFF;}
.table-list td{padding:2px 7px;text-align:left;color:#666;}
.table-list td.center,.table-list th.center{text-align:center;padding:2px 0px;}
/********************************************************表格定义  end  **********************************************************//



/****************************按钮定义 begin ****************************************/
input,textarea,button{vertical-align:middle;}
.errClass{background:#FFF8EC url(/images/err.gif) 3px 5px no-repeat;color:red;line-height:18px;border:1px #FF9900 solid;padding:4px 2px 4px 22px;display:inline-block;margin-top:3px;}
.input-txt{border:1px #dfdfdf solid;border-radius:3px;font-size:16px;padding:8px 5px;color:#666;line-height:20px;}
select{font-size:16px;padding:7px;color:#333;border-radius:3px;border:1px #dfdfdf solid;}
.displaynone{display:none;}
/****************************按钮定义 end ****************************************/


.sub{padding:5px 30px;color:#fff;border-radius:2px;line-height:20px;font-size:14px;border:0;background-color:#cc0000; cursor:pointer;vertical-align:middle;}


/*****************************切换图 begin *******************************************/
.banner{margin:0px auto;font-size:0;min-width:320px;width:100%;box-shadow:0 2px 4px rgba(0,0,0,.0);   /*阴影*/}
.picBox{width:100%;height:100%;position:relative;background:#e6e6e6;}
.piclist{position:relative;width:2232px;left:0;height:100%;}
.piclist li{width:100%;height:auto;position:relative; float:left; vertical-align: top;text-align:center;font-size:0;}
.icon_num{ position:absolute;bottom:5px;left:0;font-size:12px;text-align:center;width:100%}
.icon_num a{background:rgba(255,255,255,.85);border-radius:3px;width:10px;height:5px;padding:0;font-size:12px;text-align:center;cursor:pointer;margin-right:.4em;display:inline-block;*display:inline;zoom:1;overflow:hidden;}
.icon_num a:hover,.icon_num .active{background:#f60; width:24px;color:#f60;}

.icon_num2{ position:absolute;bottom:5px;left:0;font-size:12px;text-align:center;width:100%}
.icon_num2 a{background:rgba(0,0,0,.85);border-radius:3px;width:10px;height:5px;padding:0;font-size:12px;text-align:center;cursor:pointer;margin-right:.4em;display:inline-block;*display:inline;zoom:1;overflow:hidden;}
.icon_num2 a:hover,.icon_num2 .active{background:#f60; width:24px;color:#f60;}


.swipe{visibility:hidden;position:relative;overflow:hidden}
/* *************************切换图  end**********************************************/





/*头部样式定义*/
.header {
	width: 100%;
	min-width:320px;
	background:#fff;
	background:linear-gradient(#fff,#fff);  /****************************************修改颜色  颜色顺序为上->下 ** **************/
	position: relative;
	/*box-shadow:0 2px 4px rgba(0,0,0,.2);   阴影*/
	z-index:100;
	}
.header a.logo{display: block;width:100%;}
.header img{display:block;}

.menulist{color:#C1E0EE;width:100%;background:#E60014;}
.menulist ul {width:100%;border-bottom:1px dashed #00C462;}
.menulist ul li {display:flex;flex-direction:row;justify-content:space-between;text-align:center;}
.menulist ul li a{display:block;width:100%;height:34px;line-height:34px;background:#E60014;color:#fff;font-size:16px;border-top:1px dashed #00C462;border-right:1px dashed #00C462;}
.menulist ul li a:hover{background:#fff;color:#E60014;}
/*头部样式定义  end */




.tit-1{margin:0px auto;padding-top:20px;}
.tit-1 .p1{font-size:28px;color:#fff;text-align:center;line-height:28px;text-transform:uppercase; font-weight:bold;}
.tit-1 .p2{font-size:22px;color:#5D96C4; text-align:center;line-height:42px;}
.tit-1 .p3{width:40px;height:4px;background:#E60014;border-radius:5px;margin:0px auto;}
.tit-1-txt{font-size:14px; text-align:left;line-height:28px;padding-top:10px;}
.huise{color:#999999; text-align:center;}

.tit-1 .navbox{width:100%;margin:0px auto;margin-top:20px;}
.tit-1 .navbox .hd ul{text-align:center;}
.tit-1 .navbox .hd ul li{display:inline-block; padding:5px 20px; text-align:center; line-height:28px; font-size:14px; color:#000; background:#fff; border:1px solid #d2d2d2; cursor:pointer;margin-bottom:5px;}
.tit-1 .navbox .hd ul li.on { background:#108FDC; color:#fff;  border:1px solid #054D87; }
.tit-1 .navbox .hd ul a{display:inline-block; padding:5px 20px; text-align:center; line-height:28px; font-size:14px; color:#000; background:#fff; border:1px solid #d2d2d2; cursor:pointer;}
.tit-1 .navbox .hd ul a:hover{background:#108FDC; color:#fff;  border:1px solid #054D87;}

.tit-1 .navbox .bd ul{margin-bottom:10px;}
.tit-1 .navbox .bd ul{padding:0px;}
.tit-1 .navbox .bd ul li{line-height:20px;padding:12px 0px;border-bottom:1px #dfdfdf dashed;background:url(/5g/image/news_li.png) 2px 17px no-repeat; text-indent:14px;}
.tit-1 .navbox .bd ul li a{font-size:1em;color:#666;text-decoration:None;}
.tit-1 .navbox .bd ul li a:hover{font-size:1em;color:#FF6600;text-decoration:underline;}
.tit-1 .navbox .bd ul li span{float:right;font-size:12px;color:#999999;}


.b-1{}
.b-1 ul{display:flex;display:-ms-flexbox;display:-webkit-flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;justify-content:space-between;padding:0px;}
.b-1 ul li{position:relative;justify-content: center; width:49%;margin-top:10px;}
.b-1 ul li a{display:block;}
.b-1 ul li .txt01{position:absolute;right:0; bottom:0; left:0; background:rgba(0,0,0,0.65); text-align:center; color:#fff; z-index:9;}
.b-1 ul li .txt01 .p1{font-size:16px;margin-top:20px;}
.b-1 ul li .txt01 .p2{ width:15px; height:1px; background:#fff; margin:0 auto; margin-bottom:20px;}




.b-2{width:100%;margin:10px auto; text-align:center;}
.b-2 a.more{font-size:14px;display:inline-block;padding:4px 20px;border:1px #dfdfdf solid;border-radius:4px;color:#666;text-align:center;text-decoration:none;}
.b-2 a.more:hover{background:#E60014;color:#fff;}



.pro-1{margin-bottom:10px;}
.pro-1 ul{display:flex;display:-ms-flexbox;display:-webkit-flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;justify-content:space-between;padding:0px;}
.pro-1 ul li{justify-content: center; width:48%; min-height:160px; margin-top:15px;border:1px #e6e6e6 solid;box-shadow:0px 0px 5px rgba(100,100,100,.2);-webkit-box-shadow:0px 0px 5px rgba(100,100,100,.2);-moz-box-shadow:0px 0px 5px rgba(100,100,100,.2);}
.pro-1 ul li .n_pic{width:100%;}
.pro-1 ul li .n_pic img{width:100%;}
.pro-1 ul li .n_tit{margin-left:5px;margin-right:5px;line-height:40px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; text-align:center;}
.pro-1 ul li .n_tit a.t{font-size:14px;color:#666;}



/*首页产品分类*/
.tit-proclass{}
.tit-proclass ul{width:100%;}
.tit-proclass ul li{width:28%;float:left;margin-left:4%;margin-right:3.3%;margin-bottom:15px;}
.tit-proclass ul li:nth-child(2n){margin-left:0;margin-right:3.3%;}
.tit-proclass ul li:nth-child(3n){margin-left:0;margin-right:0;}
.tit-proclass ul li a.b{display:block;width:100%;margin:0px auto;text-align:center;background:#fff;border:1px #005AB5 solid;font-size:18px;color:#2691D3;line-height:36px;border-radius:5px;}
.tit-proclass ul li a.c{display:block; background:#DDEEF9 ;line-height:32px;color:#2691D3; text-align:center;margin-top:6px;}



/* 按钮滑动 */
.wrap { background:#fff;}	
.wrap img{ display:block; width:100%;}
.m-cnt:after,.c-list:after,.m-box:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}


/* 产品展示 */
.g-pro{padding:1.8em 3.6% 2.4em 3.6%;}
.g-pro ul{ float:left; display:inline;}
.g-pro li{ float:left; width:48.2%;}
.g-pro li:nth-child(2){ float:right;}
.g-pro li img{ width:98%; border:1px solid #ccc;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.g-pro li span{ display:block; text-align:center; font-size:1em; padding:0.8em 0 0; height:2.0em; line-height:1.2em; overflow:hidden; color:#666;}
.g-pro .sclwrap_box ,.g-pro .m-box{}

.g-pro p{ width:44%; margin:15px auto;}
.g-pro p a{width:46%;}


/* 优势 */
.g-youshi{padding:1.8em 3.6% 2.4em 3.6%;}
.g-youshi ul{ float:left; display:inline;}
.g-youshi li{ float:left; width:100%;}
.g-youshi li:nth-child(2){ float:right;}
.g-youshi li img{ width:100%; border:0px solid #ccc;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.g-youshi li span{ display:block; text-align:center; font-size:1em; padding:0.8em 0 0; height:2.1em; line-height:1.2em; overflow:hidden; color:#666;}
.g-youshi .sclwrap_box ,.g-pro .m-box{}

.g-youshi p{ width:44%; margin:15px auto;}
.g-youshi p a{width:46%;}
/* 优势 */





/*图片列定义*/
.news_pic_list22{margin-bottom:10px;}
.news_pic_list22 ul{display:flex;display:-ms-flexbox;display:-webkit-flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;justify-content:space-between;padding:0px;}
.news_pic_list22 ul li{justify-content: center; width:48%; min-height:160px; margin-top:15px;border:1px #e6e6e6 solid;box-shadow:0px 0px 5px rgba(100,100,100,.2);
	-webkit-box-shadow:0px 0px 5px rgba(100,100,100,.2);
	-moz-box-shadow:0px 0px 5px rgba(100,100,100,.2);}
.news_pic_list22 ul li .n_pic{width:100%;}
.news_pic_list22 ul li .n_pic img{width:100%;}
.news_pic_list22 ul li .n_tit{margin-left:5px;margin-right:5px;line-height:40px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; text-align:center;}
.news_pic_list22 ul li .n_tit a.t{font-size:14px;color:#666;}



/*新闻动态定义*/
.news_txt_list{padding:0px 10px;margin:0px auto;}
.news_txt_list ul li{line-height:20px;padding:12px 0px;border-bottom:1px #dfdfdf dashed;background:url(/5g/image/news_li.png) 2px 17px no-repeat; text-indent:14px;}
.news_txt_list ul li span{float:right;color:#ccc;}
.news_txt_list ul li a{font-size:1em;color:#666;text-decoration:None;}
.news_txt_list ul li a:hover{font-size:1em;color:#FF6600;text-decoration:underline;}
/*新闻动态定义  end */



/************************* 二级页面  二级分类导航 ***********************************/
.Ipage_nav{padding:5px 0px;}
.Ipage_nav h2{height:36px;line-height:36px;font-size:16px;border-bottom:0px #f1f1f1 solid;}
.Ipage_nav h2 em{font-size:14px;color:#ccc; font-style:normal; font-weight:normal;text-transform:uppercase;}
.Ipage_nav_List{background:#fff;}
.Ipage_nav_List ul{ overflow:hidden;}
.Ipage_nav_List ul li{ position:relative;float:left;width:33.3%;height:30px;line-height:30px;text-align:center;background:linear-gradient(#f8f8f8,#EFEFEF);border-right:1px #ddd solid;border-top:1px #ddd solid;border-bottom:1px #ddd solid;margin-bottom:5px;}
.Ipage_nav_List ul li a{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.Ipage_nav_List ul li.cur{color:#fff;background:#E60014;border-right:1px #E60014 solid;border-top:1px #E60014 solid;border-bottom:1px #E60014 solid;}
.Ipage_nav_List ul li.cur a{color:#fff;}
.Ipage_nav_List ul li:nth-child(4n){border-left:1px #ddd solid;}
.Ipage_nav_Title{margin-bottom:20px;}
.Ipage_nav_Title h3{font-size:18px; font-weight:normal;border-bottom:1px #dfdfdf dashed;padding:5px 10px;}
.Ipage_nav_Title h3 span{color:#999;font-size:14px;}
/*二级页面  二级分类导航  end*/



/************************* 二级页面  单页文章定义 ***********************************/
.news_txt_signer{padding:10px 5px;font-size:14px;color:#666;line-height:28px;text-align:left;word-wrap:break-word;}
.news_txt_signer img{padding:5px 0px;width:100%;}
/*二级页面 单页文章定义 end*/



/*新闻信息详情页*/
.news_info_page{padding:20px 0px;}
.news_info_page h2{font-size:1.2em;color:#000;font-weight:normal;text-align:center;padding:10px;}
.news_info_page .newstime{font-size:12px;color:#999;line-height:30px;text-align:center;width:100%;border-bottom:1px #dfdfdf dashed;padding-bottom:10px;}
.news_info_page .content{padding:10px 5px;font-size:14px;color:#666;line-height:28px;text-align:left;min-height:200px;word-wrap:break-word;}
.news_info_page .content img{padding:10px 0px;width:100%;}
/*新闻信息详情页  end*/



/***************************** 翻页按钮样式 **********************************/
.fenye{padding:20px 0px;text-align:center; background:#fff;}
.fenye a{border:1px solid #e6e6e6; padding:5px 6px; margin:0 2px; height:16px; line-height:16px;}
.fenye a:hover{background:#E60014; color:#fff; text-decoration:none;}
.fenye a.currclass{background:#E60014; color:#fff;}




/***************************** 页面底部 ***************************************/
.index_footer{font-size:12px;color:#fff;background:#666;text-align:center;margin:0px auto;padding-top:10px;padding-bottom:10px;line-height:20px;}
.index_footer a{color:#ccc;}
.footer_top{width:100%;height:60px;}



/******************************底部菜单 Bar **********************************/
.footerBar{
	position:relative;
	bottom:0px;
	position:fixed;
	width:100%;
	max-width:640px;
	margin:0px auto;
	z-index:999;
}
.footerBar ul{display:flex;background:#000000;}
.footerBar ul li{display:flex;position:relative;flex-direction:row;justify-content:space-between;text-align:center;height:60px;width:100%;border-right:0px #333 solid;}
.footerBar ul li>a:before{position:absolute;top:8px;width:24px;height:24px;left:50%;content:"";margin-left:-12px;}
.footerBar ul li a{display:block;width:100%;text-align:center;font-size:13px;color:#999;padding-top:35px;}
.footerBar ul li.ico-1>a:before{background-image:url('image/footer-1.png?t=2020');background-repeat: no-repeat; background-size: contain;}
.footerBar ul li.ico-2>a:before{background-image:url('image/footer-2.png?t=2020');background-repeat: no-repeat;background-size: contain;}
.footerBar ul li.ico-3>a:before{background-image:url('image/footer-3.png?t=2020');background-repeat: no-repeat;background-size: contain;}

.footerBar ul li.ico-4>a{display:block;width:100%;text-align:center;font-size:15px;color:#fff;padding-top:0px;line-height:60px;}
.footerBar ul li.ico-5>a{display:block;width:100%;text-align:center;font-size:15px;color:#fff;padding-top:0px;line-height:60px;}

.footerBar ul li a:nth-child(3n){border-right:0;}
/******************************底部菜单 Bar   end *******************************/



/*FAQ*/
.page_faq{width:100%;height:auto;margin:0 auto; overflow:hidden;padding-top:40px;}
.page_faq ul li{margin-bottom:30px;}
.page_faq ul li h1{background:#E3E3E3;font-size:18px;color:#333;height:72px;}
.page_faq ul li h1 span{background:#0066CC;width:60px; text-align:center;color:#fff;font-size:26px;height:72px;line-height:70px;display:block; float:left;margin-right:20px;}
.page_faq ul li p{font-size:15px;color:#999;line-height:24px;padding:10px 10px;}

/*FAQ*/

