@charset "utf-8";
/* ============================================
   前润科技 手机站统一样式 v2026
   品牌主色：#1A6FDE（科技蓝）  点缀：#FF8A1E（活力橙）
   ============================================ */

/*---------- base ---------*/
*{padding:0px;margin:0px;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);}
html{background:#F4F6FA;}
html,body{overflow-x:hidden;}
body{font:14px/1.7 "PingFang SC","微软雅黑",Microsoft YaHei,Helvetica,Arial,sans-serif;background:#F4F6FA;color:#333;-webkit-text-size-adjust:100% !important;text-size-adjust:100% !important;}
img{border:none;max-width:100%;display:block;}
a{color:#333333;text-decoration:none;outline:none;}
a:visited,a:hover{text-decoration:none;color:#333333;}
ul,li{list-style:none;}
input,select,button{vertical-align:middle;}
.fullwidth{width:100%}
.fl{ float:left}
.fr{ float:right}
.mt1{margin-top:0.6em;}
.pd10{ padding:0 12px;}
.clear{overflow:hidden;}
.fc-f60{color:#F60;}
.fc-f90{color:#F90;}
.clearfix,.clr{clear:both;line-height:1px;height:1px;margin-top:-1px;overflow:hidden}
#clear,.clear{clear:both;line-height:1px;height:1px;margin-top:-1px;overflow:hidden}

/*---------- 顶部导航 ----------*/
header{height:46px;width:100%;position:relative;color:#ffffff;z-index:999;
	background:linear-gradient(135deg,#0B3C8F 0%,#1A6FDE 100%);
	box-shadow:0 2px 8px rgba(10,60,140,.28);}
header .webname{ font-size:1.05em; color:#ffffff; line-height:46px; text-align:center; font-weight:600; letter-spacing:1px; text-shadow:0 1px 2px rgba(0,0,0,.2); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 70px;}
header .home{ position:absolute;left:6px; top:11px; display:block; width:24px; height:24px; background:url("../images/home.png") no-repeat center; background-size:24px 24px; opacity:.95;}
header .catebar{ position:absolute;right:8px; top:6px; height:34px; line-height:34px; font-size:13px; padding:0 10px 0 28px; background:url(../images/lists.png) 6px center no-repeat; background-size:18px 18px; color:#ffffff; border:1px solid rgba(255,255,255,.4); border-radius:17px;}
header .catebar:active{background-color:rgba(255,255,255,.15);}
header nav{display:none; background:#ffffff; padding:6px 12px 10px; text-align:center; box-shadow:0 8px 20px rgba(0,0,0,.16); border-radius:0 0 10px 10px;}
header nav a{ border-bottom:1px solid #F0F2F6; height:2.5em; line-height:2.5em; display:block; width:100%; color:#333333; font-size:14px; border-radius:4px;}
header nav a:active{color:#1A6FDE; background:#F2F7FF;}

/*---------- Logo ----------*/
.logo{text-align:center; padding:10px 8px; background:#FFFFFF; border-bottom:1px solid #EDF0F4;}
.logo img{max-height:60px;margin:0 auto;}

/*---------- 首页导航宫格 ----------*/
#index{}
#index table{width:100%;border-collapse:collapse;background:transparent;}
#index td{width:25%;padding:4px;border:none;background:transparent;}
#index a{display:block;border-radius:10px;padding:10px 0 8px;background:linear-gradient(160deg,#1A6FDE 0%,#0B4DA8 100%);box-shadow:0 3px 8px rgba(16,84,190,.25);}
#index a:active{transform:scale(.96);}
#index img{vertical-align:middle;display:block;margin:0 auto 4px;max-width:90%;}
#index .ChannelName{text-align:center;padding:2px 0 0;color:#FFF;font-size:13px;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#index .ChannelIcon1{width:36px;height:36px;}
#index .ChannelIcon2{width:80px;height:80px;}
#index .ChannelIcon3{width:64px;height:64px;}
/* 频道区分色（同系深浅） */
#index td:nth-child(2) a{background:linear-gradient(160deg,#12809F 0%,#0B5E7C 100%);box-shadow:0 3px 8px rgba(14,104,132,.25);}
#index td:nth-child(3) a{background:linear-gradient(160deg,#FF8A1E 0%,#F26600 100%);box-shadow:0 3px 8px rgba(240,116,10,.28);}
#index td:nth-child(4) a{background:linear-gradient(160deg,#7A4FD0 0%,#5A30A8 100%);box-shadow:0 3px 8px rgba(98,55,180,.25);}

/*---------- 区块标题 ----------*/
.tit{width:100%; background:#F7F8FB; height:2em; line-height:2em;}
.tit h3{float:left; padding:0 10px; border-left:#1A6FDE 4px solid; background:#FFF; font-size:14px; font-weight:600; color:#1A4E94;}
.tit span{float:right; padding:0 10px; text-align:center; font-size:12px; color:#999}

/*---------- 区块卡片标题（列表页通用） ----------*/
.sec-hd{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#1A6FDE,#0B4DA8);color:#FFF;padding:9px 12px;border-radius:8px 8px 0 0;}
.sec-hd h2{font-size:15px;font-weight:600;color:#FFF;padding-left:4px;}
.sec-hd h2:before{content:"";display:inline-block;width:4px;height:14px;background:#FF8A1E;border-radius:2px;margin-right:7px;vertical-align:-1px;}
.sec-hd .more{font-size:12px;color:rgba(255,255,255,.9);}
.sec-hd .more:after{content:"\00BB";margin-left:2px;}

/*---------- 关于 ----------*/
.about{width:100%; padding:0.4em 0;}
.about p{font-size:13px; line-height:1.7em; padding:0 12px; color:#555; text-indent:1em;}

/*---------- 列表1（纯文字） ----------*/
.list1{width:100%;background:#FFF;}
.list1 li{border-bottom:1px solid #F0F2F5;line-height:2.5em;overflow:hidden;font-size:14px;padding:0 12px;background:url(../images/ico-2.gif) 4px center no-repeat;background-size:10px 14px;}
.list1 li:last-child{border-bottom:none;}
.list1 li a{font-size:14px;color:#333;}
.list1 li span{color:#999;font-size:12px;float:right;}
.list1 li a:active{color:#1A6FDE;}

/*---------- 列表2（图片宫格） ----------*/
.list2{width:100%; padding:8px 6px; background:#FFF; overflow:hidden;}
.list2 li{ float:left; width:33.33%; padding:4px;}
.list2 li a{display:block; text-align:center; overflow:hidden; white-space:nowrap; position:relative; border-radius:8px; background:#F4F6FA; box-shadow:0 1px 4px rgba(0,0,0,.08);}
.list2 li span{ position:absolute;background:rgba(0,0,0,.55); color:#fff; height:1.8em; line-height:1.8em; font-size:12px; width:100%; left:0; bottom:0; padding:0 4px; text-overflow:ellipsis; overflow:hidden; border-radius:0 0 8px 8px;}
.list2 li img{ display:block; width:100%; height:92px; object-fit:cover;}

/*---------- 分页条 ----------*/
.page{padding:12px 12px 16px;height:auto;clear:both;text-align:center;font-size:12px}
.page ul{display:inline-block;}
.page ul li{float:left;line-height:26px;height:26px;margin:0 3px;font-size:12px;border:1px solid #DFE3EA;background:#FFF;padding:0 10px;border-radius:5px;color:#666}
.page ul li a{color:#666;display:block;}
.page ul li a:hover{color:#1A6FDE;}
.page ul li.thisclass,.page ul li.thisclass a{background-color:#1A6FDE;color:#FFF;border-color:#1A6FDE;}
.page .pageinfo{line-height:25px;padding:12px 5px 10px 5px;color:#999;}
.page select{line-height:25px;margin-top:4px}

/*---------- 文章详情 ----------*/
article h1{font-size:18px; text-align:center; padding:14px 12px 8px; color:#1A1A1A; line-height:1.45; font-weight:600;}
article .info{ border-bottom:1px dotted #DDE1E8; color:#8A8F99; background:#FAFBFD; font-size:12px; padding:8px 12px; text-align:center;}
article .info a{color:#8A8F99;}
article .content{ padding:14px 14px 20px; background:#FFF; font-size:16px; line-height:1.85; color:#3A3A3A;}
article .content img{ display:block; margin:8px auto; border-radius:6px; max-width:100%; height:auto;}
article .content table{max-width:100%;}
article .content p{margin-bottom:10px; word-wrap:break-word;}
article .content .tags{ text-align:right; font-size:12px; color:#999;}

.backlist{ height:2.6em; line-height:2.6em; text-align:center; font-size:14px; background:#1A6FDE; margin:10px; border-radius:8px;}
.backlist a{ color:#FFF; display:block;}

/*---------- 子栏目 ----------*/
.subchannellist{ overflow:hidden; padding:6px 4px;}
.subchannellist::after{content:"";display:table;clear:both;}
.subchannellist li{ float:left; width:50%; padding:4px 6px; -webkit-box-sizing:border-box; box-sizing:border-box; list-style:none;}
.subchannellist li a{display:block; margin:0; padding:8px 2px; background-color:#FFFFFF;border:1px solid #E4E8F0;border-radius:8px; text-align:center; font-size:13px; color:#444; box-shadow:0 1px 3px rgba(120,140,170,.12); white-space:nowrap; overflow:hidden; -webkit-text-size-adjust:none;}
.subchannellist li a:active{color:#1A6FDE;border-color:#1A6FDE;}
.subchannellist li span{padding-left:4px;}
.subchannellist #current a{ color:#FFF; background:#1A6FDE; border-color:#1A6FDE;}

/*---------- 底部 ----------*/
.footer{text-align:center;color:#8A8F99; padding:18px 12px 92px; clear:both;}
.footer p{color:#8A8F99; line-height:1.8em; font-size:12px;}
.footer p a{color:#1A6FDE;}
.foot-btns{text-align:center;padding:14px 12px 4px;}
.foot-btns a{display:inline-block;min-width:130px;margin:6px 5px;padding:10px 18px;border-radius:24px;color:#FFF;font-size:14px;text-align:center;}
.foot-btns .btn-wx{background:linear-gradient(135deg,#38B54A,#1F8B32);box-shadow:0 3px 8px rgba(46,160,80,.3);}
.foot-btns .btn-tel{background:linear-gradient(135deg,#FF8A1E,#F26600);box-shadow:0 3px 8px rgba(240,116,10,.3);}
.foot-btns a:active{opacity:.85;}

/*---------- 底部工具条 ----------*/
.tool{width:100%; margin:0 auto; text-align:center;}
.tool a{color:#FFF; font-size:12px}
.tool table{width:100%; margin:1px 0px}
.tool td{ padding:3px 5px; width:50%; text-align:center}
#tool{ position:fixed; bottom:0; left:0; right:0; z-index:900; -webkit-tap-highlight-color:rgba(0,0,0,0);}
ul.toollist{ position:fixed; width:100%; z-index:900; bottom:0; left:0; right:0; margin:auto; display:-webkit-box; display:-webkit-flex; display:flex; height:64px;}
.toollist li{ -webkit-box-flex:1; -webkit-flex:1 1 0; flex:1 1 0; min-width:0; width:25%; position:static!important; margin:0; border-radius:0!important; box-shadow:none!important; background:none;}
.toollist li a{font-size:20px;line-height:20px;text-align:center;display:block;text-decoration:none;padding-top:8px;position:relative;color:#FFF;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;}
.toollist li a img{width:28px;height:28px;margin:0 auto;}
.toollist li a p{margin:2px 0 0;font-size:11px;display:block!important;line-height:18px;text-align:center;}
.toollist{ border-top:1px solid rgba(255,255,255,.25);
	background:linear-gradient(180deg,#0B3C8F 0%,#1A6FDE 100%);
	box-shadow:0 -3px 12px rgba(10,60,140,.3);}
.toollist li{ border-right:1px solid rgba(255,255,255,.22);}
.toollist li:last-child{border-right:none;}
.toollist li a:active{background:rgba(255,255,255,.12);}

/*---------- 通用资讯列表（amazeui 覆盖） ----------*/
.am-list-news{background:#FFF;margin:10px 0;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(40,80,140,.08);}
.am-list-news-hd{background:linear-gradient(135deg,#1A6FDE,#0B4DA8);color:#FFF;padding:10px 14px;}
.am-list-news-hd h2{font-size:15px;font-weight:600;color:#FFF;}
.am-list-news-hd h2:before{content:"";display:inline-block;width:4px;height:14px;background:#FF8A1E;border-radius:2px;margin-right:7px;vertical-align:-1px;}
.am-list-news-ft{background:#FAFBFD;padding:8px 0;text-align:center;border-top:1px solid #F0F2F6;}
.am-list-news-ft .am-list-news-more{color:#1A6FDE;font-size:13px;}
.am-list-news-bd ul.am-list{padding:4px 12px;}
ul.am-list > li{border-bottom:1px solid #F0F2F5;}
ul.am-list > li:last-child{border-bottom:none;}
.am-list-item-hd a{color:#26282C;font-weight:600;}
.am-list-item-text{color:#8A8F99;font-size:12px;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.am-list-thumb img{border-radius:6px;width:96px;height:72px;object-fit:cover}

/*---------- 轮播 ----------*/
#banner{margin:0 0 10px;}
.flexslider{position:relative;clear:both;}
#banner .flexslider{border-radius:0 0 10px 10px;overflow:hidden;}
.flex-caption{width:100%;padding:3px 0px;position:absolute;bottom:3px;color:#fff;text-align:right;font-size:14px;line-height:22px;height:22px;max-width:100%}
.flexslider{margin:0;padding:0;}
.flexslider .slides > li{display:none;-webkit-backface-visibility:hidden;}
.flexslider .slides img{width:100%;display:block;height:auto;}
.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;}
.flexslider{margin:0 0 8px;background:#fff;zoom:1;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}
.loading .flex-viewport{max-height:260px;}
.flexslider .slides{zoom:1;}
.carousel li{margin-right:5px;}
.flex-direction-nav{*height:0;}
.flex-direction-nav a{display:block;width:40px;height:40px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:0;cursor:pointer;color:rgba(0,0,0,0.8);text-shadow:1px 1px 0 rgba(255,255,255,0.3);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.flex-direction-nav .flex-prev{left:-50px;}
.flex-direction-nav .flex-next{right:-50px;text-align:right;}
.flexslider:hover .flex-prev{opacity:0.7;left:10px;}
.flexslider:hover .flex-next{opacity:0.7;right:10px;}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1;}
.flex-direction-nav .flex-disabled{opacity:0!important;filter:alpha(opacity=0);cursor:default;}
.flex-direction-nav a:before{font-family:"flexslider-icon";font-size:40px;display:inline-block;content:'\f001';}
.flex-direction-nav a.flex-next:before{content:'\f002';}
.flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:0.8;z-index:10;overflow:hidden;cursor:pointer;color:#000;}
.flex-pauseplay a:before{font-family:"flexslider-icon";font-size:20px;display:inline-block;content:'\f004';}
.flex-pauseplay a:hover{opacity:1;}
.flex-pauseplay a.flex-play:before{content:'\f003';}
.flex-control-nav{width:100%;position:absolute;bottom:8px;margin:0;text-align:center;background:transparent;}
.flex-control-nav li{margin:0 3px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{width:8px;height:8px;display:block;background:rgba(255,255,255,.55);cursor:pointer;text-indent:-9999px;border-radius:8px;transition:all .3s;}
.flex-control-paging li a.flex-active{background:#FF8A1E;width:18px;}
.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden;}
.flex-control-thumbs li{width:25%;float:left;margin:0;}
.flex-control-thumbs img{width:100%;display:block;opacity:.7;cursor:pointer;}
.flex-control-thumbs img:hover{opacity:1;}
.flex-control-thumbs .flex-active{opacity:1;cursor:default;}

/*---------- 留言表单 ----------*/
.crow-form-box{padding:10px 14px;background:#FFF;border-radius:10px;margin:10px;box-shadow:0 2px 8px rgba(40,80,140,.08);}
.crow-form-box input{display:block;width:100%;height:44px;box-sizing:border-box;padding-left:10px;padding-right:10px;font-size:16px;border:1px solid #DFE3EA;border-radius:8px;margin-bottom:10px;background:#FAFBFD;}
.crow-form-box textarea{width:100%;height:120px;box-sizing:border-box;padding-left:10px;padding-right:10px;font-size:16px;max-width:100%;border:1px solid #DFE3EA;border-radius:8px;background:#FAFBFD;}
.crow-form-box p{margin-bottom:10px;color:grey;word-break:break-all;}
.crow-form-box p span{color:red;}
.btn,.coolbg{width:46%;background:linear-gradient(135deg,#1A6FDE,#0B4DA8);border:none;height:44px;line-height:44px;text-align:center;color:#FFF;cursor:pointer;float:left;border-radius:8px;margin-right:5%;}

@media (max-width:320px){
	body{font-size:13px;}
	#index .ChannelName{font-size:12px;}
}