@charset "utf-8";
body, div, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, hr, pre, code, form, fieldset, legend, button, input, textarea, p, blockquote, table, th, td{margin:0; padding:0}
body{font:normal 100% 微软雅黑, "Microsoft YaHei", 宋体, Arial, Tahoma, Helvetica, sans-serif}
button, input, textarea, select{font-size:inherit; font-weight:inherit; border:0; outline:0; resize:none}
ul, ol, li{list-style:none}
fieldset, img{border:0}
h1, h2, h3, h4, h5, h6, code, dfn, em, var, i, b{font-style:normal; font-weight:normal}
a{text-decoration:none; color:#555}
input, textarea{outline-style:none}
/* 输入框内文字 */
input::-webkit-input-placeholder{color:#848484; font-size:12px}
input::-moz-placeholder{color:#848484; font-size:12px   /* Mozilla Firefox 19+ */}
input:-moz-placeholder{color:#848484; font-size:12px    /* Mozilla Firefox 4 to 18 */}
input:-ms-input-placeholder{color:rgba(132,132,132,1); font-size:12px  /* rgba(132,132,132,1)Internet Explorer 10-11 */}
.fipt {background: url(ipt.png); width:100px;border-top: solid 1px #aca899; border-left: solid 1px #aca899; border-right: solid 1px #f6f6f6; border-bottom: solid 1px #f6f6f6; padding: 4px;}
/*滚动条*/
::-webkit-scrollbar{width:8px; height:8px}
::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); background:var(--i_color)}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); border-radius:0; background:#E3E3E3}
/* 复制选中 */ 
/* #338FFF rgb(51,143,255) rgba(51,143,255,1) #FFF rgba(255,255,255,1)*/
::selection{background:rgba(51,143,255,1); color:#FFF}  
::-moz-selection{background:#338FFF; color:#FFF}
::-webkit-selection{background:#338FFF; color:#FFF}
::-ms-selection{background-color:rgba(51,143,255,1); color:#FFF)}
:root{
	--i_color:#0673B4; /*#0673B4  rgba(6,115,180,1) */
	--i_box:68%;
}
.width:{margin:0 auto}
.fr{float:right}
.fl{float:left}
.clear{clear:both}
/* -------------- 2020 -------------- */
*{
　　box-sizing: content-box;
　　-moz-box-sizing: inherit;
　　-webkit-box-sizing: inherit;
　}
/* -------------- header 96改76-----------50改1--- */
header{--i_top_height:50px; --reduce_height:5px;}

.i_top{position:fixed; top:0; width:100%; height:var(--i_top_height);min-height:30px; background:rgba(0,0,0,.5); box-sizing:border-box; border-bottom:1px solid rgba(255,255,255,.2); z-index:99999999; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease;text-align:center;padding:17px 0px;display:table;}
/* 2020加padding:; */
.i_top_cont{height:var(--i_top_height); margin:0px auto; position:relative;}
/* logo */
.logo{position:absolute; top:50%; transform:translate(0,-50%); left:0; height:var(--i_top_height); display:flex; align-items:center;z-index:3}
.logo img{max-height:46px;}
@media screen and (max-width:350px){.logo img{display:table;max-width:140px!important}}

/* 导航 */
.i_nav{width:100%; position:relative; z-index:4}
@media screen and (min-width:1216px){.i_nav{display:block!important}}
nav{position:relative; left:320px}
nav li{float:left; margin:0 20px; position:relative}
nav li a{display:block; height:var(--i_top_height); line-height:var(--i_top_height); font-size:15px; color:#FFF}
nav li a:before{content:""; position:absolute; left:50%; transform:translate(-50%,0); bottom:0px; width:0; height:2px; background:#00A0FF}
.nav_curr a:before, nav li a:hover:before{width:100%}
.nav_curr a, nav li a:hover{color:#00A0FF!important}
nav ul ul{display:none}  /* 移动端导航二级下拉 屏幕小于1215px时自动显示 */

/* 导航下拉 */
.n_down{position:absolute; top:var(--i_top_height); left:0; width:100%}
.n_down_menu{position:absolute; top:0; width:calc(100% - 4%); max-height:65vh; padding:30px 2%; background:#FFF; text-align:center; overflow:overlay; _overflow:auto; display:none;margin:50px 0;padding:50px 0px;/* margin:50改80 padding50改30 */}  
.n_down_menu::-webkit-scrollbar{width:8px; height:8px}
.n_down_menu::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); background:#F60}
.n_down_menu::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); border-radius:0; background:rgba(0,0,0,0.1)}
/* 导航下拉 - 公司简介 */
.n_down_list{max-width:100%; margin:0 auto; display:inline-block; vertical-align:top; overflow:hidden}
.n_down_list li{float:left; margin:0 15px}
.n_down_list li img{width:175px; height:125px; object-fit:cover}
.n_down_list li p{font-size:15px; color:#666; font-weight:bold; line-height:40px}
/* 导航下拉 - 产品展示 */
.n_down_pro{max-width:100%; overflow:hidden}
.n_down_pro dt{float:left; width:10.75%; margin:0 2% 24px 0}
/*2020 .n_down_pro dt:nth-child(8n+0){margin-right:0}*/
.n_down_pro dt:nth-child(12n+0){margin-right:0}
.n_down_pro dt a{display:block; text-align:center; height:40px; line-height:40px; box-sizing:border-box; border:1px solid rgba(0,0,0,.2); font-size:14px; color:#424242; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.n_down_pro dt a:hover{/*2020background:var(--i_color);*/ background: rgba(6,115,180,1); color:#FFF}
/* 导航下拉 - 解决方案 */
.n_down_solution{width:100%; overflow:hidden; text-align:center}
.n_down_solution dl{width:11%; margin:0 1%; display:inline-block; text-align:center; vertical-align:top; overflow:hidden}
@media screen and (max-width:1590px){.n_down_solution dl{width:10%}}
.n_down_solution dt{margin-bottom:15px}
.n_down_solution dt, .n_down_solution dd{text-align:left}
.n_down_solution dt a{font-size:16px; font-weight:bold; color:#333}
.n_down_solution dd a{font-size:13px; color:#777; line-height:30px}
.n_down_solution dt a, .n_down_solution dd a{display:block; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.n_down_solution dt a:hover{color:var(--i_color)}
.n_down_solution dd a:hover{color:var(--i_color); text-decoration:underline}
/* 登录 + 注册 */
.i_top_right{position:absolute; top:0; right:1.4%; z-index:3}
@media screen and (max-width:1215px){.i_top_right{right:3%}}
@media screen and (max-width:660px){
	.i_top_right{right:7%}
	.vivo-nav .search-user{right:1%}
	}
.i_top_right li{float:left}
.i_top_right li a{display:block; padding:0 15px; height:var(--i_top_height); line-height:var(--i_top_height); font-size:14px; color:#FFF; position:relative}
.i_top_right li a:before{content:""; position:absolute; left:0; top:50%; transform:translate(0,-50%); width:1px; height:12px; background:#FFF}
.i_top_right li:first-child a:before{display:none}
.i_top_right li a:hover{color:var(--i_color)}
/* 微信 + QQ */
/* .i_top_right dl{margin-left:20px} */
.i_top_right dt{float:left; height:var(--i_top_height); margin-right:16px; display:flex; align-items:center}
.i_top_right dt a{position:relative;}
.i_top_right em{display:block; float:left; width:22px; height:22px; background:#FFF}
.i_top_right dt:nth-child(1) em{background:url(../images/top_link_icon.png) no-repeat 0 0}
.i_top_right dt:nth-child(2) em{background:url(../images/top_link_icon.png) no-repeat 0 -22px; cursor:pointer}
.top_qr{opacity:0; position:absolute; left:50%; transform:translate(-50%,0); top:36px; width:100px; height:0; background:url(../images/qr/dyh_qr.jpg) no-repeat center; background-size:cover; z-index:999}
.i_top_right dt:nth-child(2) a:hover .top_qr{opacity:1; height:100px}
/* 搜索 */
#vivo-head{width:100%; position:relative; z-index:2}
#vivo-head .vivo-nav{width:100%; height:var(--i_top_height); margin:auto; position:relative; z-index:999}
.vivo-nav .search-user{position:absolute; right:0; top:50%; transform:translate(0,-50%)}
.search-user a{display:block; width:22px; height:22px; background:url(../images/top_link_icon.png) no-repeat 0 -44px; cursor:pointer}
#vivo-head .vivo-search{width:100%; height:80px; background:rgba(0,0,0,.5); border-bottom:2px solid rgba(255,255,255,.2); position:relative; z-index:9999; display:none}
.vivo-search .search-box{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); /* width:400px; */height:40px; z-index:9999}
.vivo-search .search-box input{float:left; width:350px; height:20px; padding:10px 15px; font-family:"微软雅黑"; font-size:14px; color:#555; border:none; background:#fff; overflow:hidden; vertical-align:middle}
.vivo-search .search-box button{
	width:85px;
	height:40px;
	overflow:hidden;
	text-align:center;
	font-family:"微软雅黑";
	font-size:14px;
	color:#fff;
	border:none;
	overflow:hidden;
	vertical-align:middle;
	background:var(--i_color);
	outline:none;
	cursor:pointer;
	-webkit-transition:background .2s ease-in-out;
	-moz-transition:background .2s ease-in-out;
	-ms-transition:background .2s ease-in-out;
	transition:background .2s ease-in-out;
}
.vivo-search .search-box button:hover{background:#F60}
.vivo-search .search-box a.close{width:24px; height:24px; position:absolute; top:8px; right:-40px; background:url(../images/vivo-head-ico.png) no-repeat 0 -24px; cursor:pointer}
.vivo-search .search-box a.close:hover{background-position:0 0}
.i_top_cont, .logo, nav, nav li, nav li a, nav li a:before, .nav_curr:before, .i_top_right li a, .i_top_right dt, .top_qr, .vivo-nav{-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease}
/* --------------- banner --------------- */
.slider{--arrow_size:36px}
.slider{position:relative; width:100%; overflow:hidden}
.slides{-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease}
.slide{display:block; text-align:center; float:left; overflow:hidden}
.slide img{display:block; width:100vw; min-height:175px; object-fit:cover; text-align:center}
/* 左右箭头 */
.slider-arrows{display:none}
.slider-arrow{position:absolute; bottom:0; display:block; width:var(--arrow_size); height:var(--arrow_size); line-height:var(--arrow_size); text-align:center; color:rgba(255,255,255,.6); font-family:宋体, sans-serif; font-size:calc(var(--arrow_size) - 10px); font-weight:bold; background:rgba(0,0,0,.4)}
.slider-arrow--right{right:0}
.slider-arrow--left{right:var(--arrow_size)}
.slider-arrow:hover{color:#FFF}
.slider:hover .slider-arrows{display:block}
/* 小圆点 */
.slider-nav{position:absolute; bottom:5%}
.slider-nav__item{float:left; width:52px; height:6px; margin:0 5px; clear:none; display:block; background:#FFF; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
.slider-nav__item:hover, .slider-nav__item--current{background:#F60}
/* -------------- main -------------- */
main{overflow:hidden}
.i_tit{overflow:hidden; text-align:center; position:relative;}
.i_tit h1{font-size:28px; color:#2d2d2d; font-weight:bold}
.i_tit p{max-width:35%; margin:5px auto 0; font-size:14px; color:#555; line-height:26px;}
/* -------------- 产品中心 -------------- */
.i_pro{--columns:5; --shadow:8%}
.i_pro{padding:40px 0; overflow:hidden; background:url(../images/i_pro_bg.jpg) 50% 0 no-repeat fixed; background-size:cover}
.i_pro_list{overflow:hidden}
.i_pro_nav_box{height:initial!important; margin:36px auto;}
#i_pro_nav{display:inline-block; width: 80%; }/*增加width:80%*/
#i_pro_nav li:nth-child(6n+1){clear:both} /*增加nth-child(6n+1)*/
#i_pro_nav li{float:left; text-align:center; margin:5px .25%; width:calc(14.287% - .5%)}
#i_pro_nav a{display:block; font-size:14px; padding:8px 0; background:rgba(0,0,0,.04); cursor:pointer; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.selected{background:var(--i_color)!important; color:#FFF}
#menu_con .tag:first-child{display:block}
.tag{display:none;}
.tag ul{overflow:hidden}
.tag2020 li{float:left; width:calc(100% / var(--columns)); background:#FFF; box-sizing:border-box; border-bottom:1px solid #DDD; position:relative}
.tag li{float:left; width:calc(90% / var(--columns)); background:#FFF; box-sizing:border-box; border-bottom:1px solid #DDD; position:relative}
.tag li:nth-child(6n+1){clear:both}
.tag li:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:var(--shadow);
	height:100%; 
	background:-webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(0,0,0,.05)), to(#FFF));
	background:-webkit-linear-gradient(left, rgba(0,0,0,.05), #FFF);
	background:-moz-linear-gradient(left, rgba(0,0,0,.05), #FFF);
	background:-ms-linear-gradient(left, rgba(0,0,0,.05), #FFF);
	background:-o-linear-gradient(left, rgba(0,0,0,.05), #FFF);
	background:linear-gradient(top right, rgba(0,0,0,.05), #FFF);
	z-index:3
	}
.i_pro_img{width:calc(100% - var(--shadow) * 2); margin:4% auto; overflow:hidden; position:relative; z-index:2}
.i_pro_img:before{content:""; display:block; padding-bottom:46%}
.i_pro_img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%; object-fit:cover; image-rendering:pixelated; image-rendering:-webkit-optimize-contrast;/*IE8 */margin:auto\9;position:absolute\9;top:0px\9;right:0px\9;bottom:0px\9;left:0px\9; object-fit:cover\9;}
.i_pro_tit{position:relative; width:calc(100% - 12%); padding:0 6% 24px; text-align:center; font-size:14px; color:#666; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; z-index:4}
.i_pro_tit:before{content:""; position:absolute; left:0; bottom:0; width:100%; height:0; z-index:-1}
.i_more{display:block; width:180px; height:40px; margin:20px auto 0; line-height:40px; text-align:center; font-size:14px; color:var(--i_color); border:1px solid var(--i_color)}
.tag li:hover .i_pro_tit{padding:12px 6%; color:#FFF}
.tag li:hover .i_pro_tit:before{height:100%; /*2020background:var(--i_color)*/ background:rgba(6,115,180,1)}
.i_pro_tit, .i_pro_tit:before{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}

/* -------------- 走进申瓯 -------------- */
.i_about{--columns:4}
.i_about{padding:15px 0; overflow:hidden; position:relative; background:url(../images/hbg.png) 50% 0 no-repeat fixed; background-size:cover}
.i_about:before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgb(0,0,0)/*IE8不支持background:rgba(0,0,0,.85)*/}
.i_about .i_tit h1, .i_about .i_tit p{color:#FFF}
.i_about .i_tit p{max-width:90%; font-size:15px; line-height:32px; margin-top:32px}
.i_about_num{display:none!important; width:64%; margin:50px auto 20px; overflow:hidden; position:relative}
.i_about_num li{float:left; width:calc(100% / var(--columns)); margin-bottom:20px; text-align:center; position:relative}
.i_about_num li:after{content:""; position:absolute; top:50%; transform:translate(0,-50%); right:0; width:1px; height:40%; background:rgba(255,255,255,.1)}
.i_about_num li:last-child:after{display:none}
.i_about_num h1{font-size:15px; color:#aeaeae; margin-bottom:15px}
.i_about_num span{font-size:46px; color:#FFF; font-weight:bold; margin-right:6px;}
.i_about_num p{font-size:16px; line-height:24px; color:#aeaeae}
/* -------------- 新闻中心 -------------- */
.i_news{--em_width:180px}
.i_news{overflow:hidden; margin:20px auto}/*40*/
.new_con{width:var(--i_box); margin:0 auto; margin-top:10px}
.newtel{overflow:hidden; border-bottom:1px solid #DDD; text-align:center}
.new_telst{display:inline-block; text-align:center; overflow:hidden; position:relative}
.new_telst li{float:left; width:var(--em_width); line-height:50px; font-size:18px; color:#575757; cursor:pointer}
.new_telst li.newon{color:var(--i_color); font-weight:bold}
.new_telst em{display:block; position:absolute; bottom:0; left:0; width:var(--em_width); height:1px; background:var(--i_color)}
.new_telst em1{display:block; position:absolute; bottom:0; left:0; width:150px; height:1px; background:var(--i_color)} /*解决方案*/
.new_wrap{overflow:hidden; margin-top:24px}
.new_wrap .new_lst:first-child{display:block}
.new_lst{display:none}
.i_img_news{width:28.5%}
.i_img_news img{width:100%; max-height:150px; object-fit:cover; margin-bottom:14px}/* ---原max-height:170px;-- */
.i_img_news h1{font-size:16px; color:#353535}
.i_img_news i{display:block; margin:8px 0; font-size:12px; color:#888}
.i_img_news p{font-size:13px; color:#6F6F6F; line-height:24px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3}
.i_news_list{width:68.5%}
.i_news_list li{float:left; width:48.5%; margin:0 3% 20px 0; box-sizing:border-box; border:1px solid #DDD; overflow:hidden; position:relative}
.i_news_list li:before, .i_news_list li:after{content:""; position:absolute; box-sizing:border-box; z-index:-1}
.i_news_list li:before{left:50%; transform:translate(-50%,0); width:0; height:100%; border-top:2px solid var(--i_color); border-bottom:2px solid var(--i_color)}
.i_news_list li:after{top:50%; transform:translate(0,-50%); width:100%; height:0; border-left:2px solid var(--i_color); border-right:2px solid var(--i_color)}
.i_news_list li:nth-child(2n){margin-right:0}
.i_news_list a{display:block; padding:12px; overflow:hidden; position:relative; z-index:2}
.i_news_time{width:15%; background88:#989898; background:#0673B4; position:relative}
.i_news_time:before{content:""; display:block; padding-bottom:100%}
.i_news_time b, .i_news_time p{position:absolute; left:0; width:100%; text-align:center; color:#FFF;}
.i_news_time b{top:18%; font-size:12px}
.i_news_time p{bottom:18%; font-size:16px}
.i_news_text{width:80%; display:flex; align-items:center}
.i_news_tit{width:100%}
.i_news_text h1{font-size:14px; color:#333; margin-bottom:5px}
.i_news_text p{font-size:12px; color:#999}
.i_news_text h1, .i_news_text p{max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.i_news_list li:hover{border-color:#FFF}
.i_news_list li:hover:before{width:100%}
.i_news_list li:hover:after{height:100%}
.i_news_list li:hover .i_news_time{background:var(--i_color)}
.i_img_news:hover h1, .i_news_list li:hover h1{color:var(--i_color)}
.i_news_list li:before, .i_news_list li:after{-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease;}
/* -------------- 合作伙伴 -------------- */
.i_partner{--columns:8; --box_margin:4px; --box_width:calc(100% / var(--columns) - var(--box_margin) * 2)} 
.i_partner{padding:30px 0; background:#F0F0F0}
.i_partner1{--columns:8; --box_margin:4px; --box_width:calc(50% / var(--columns) - var(--box_margin) * 2)} /* 023shenou合作整体缩小calc(100% /  */
.i_partner1{padding:30px 0; background:#F0F0F0}
.i_partner_list{overflow:hidden; width:var(--i_box); margin:40px auto 0}
.i_partner_list li{float:left; width:var(--box_width); margin:0 var(--box_margin); background:url(../images/hexagon.png) no-repeat center; background-size:contain; display:flex; justify-content:center; align-items:center; position:relative; cursor:pointer}
.i_partner_list li:before{content:""; display:block; padding-bottom:114%}
.i_partner_list li:nth-child(9){margin-left:calc(var(--box_width) / 2 + var(--box_margin) * 2)}
.i_partner_list li:nth-child(n+9){margin-top:-2.8%}
.i_partner_list li img{max-width:75%; max-height:75%}/* 75%  */
.i_partner_list li:hover{transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg)}
.i_partner_list li:hover img{transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg)}
.i_partner_list li, .i_partner_list img{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease}
/* -------------- 合作伙伴023shenou -------------- */
.i_partner1{--columns:16; --box_margin:4px; --box_width:calc(100% / var(--columns) - var(--box_margin) * 2)} /* 023shenou合作整体缩小calc(100% /  */
.i_partner1{padding:30px 0; background:#F0F0F0}
.i_partner_list1{overflow:hidden; width:var(--i_box); margin:40px auto 0}
.i_partner_list1 li{float:left; width:var(--box_width); margin:0 var(--box_margin); background:url(../images/hexagon.png) no-repeat center; background-size:contain; display:flex; justify-content:center; align-items:center; position:relative; cursor:pointer}
.i_partner_list1 li:before{content:""; display:block; padding-bottom:114%}
.i_partner_list1 li:nth-child(17){margin-left:calc(var(--box_width) / 2 + var(--box_margin) * 2)}
.i_partner_list1 li:nth-child(n+17){margin-top:-2.8%}
.i_partner_list1 li img{max-width:75%; max-height:75%;min-width:25%; min-height:25%}/* 75%  */
.i_partner_list1 li:hover{transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg)}
.i_partner_list1 li:hover img{transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg)}
.i_partner_list1 li, .i_partner_list1 img{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease}
/* -------------- 搜索关键词页 -------------- */
.showpage {display: block; font-size: 12px; text-align: left; padding: 10px 0;}
.total_page, .jump_page {background-color: #1678bd; border: solid 1px #096cb2; color: #fff; display: block; float: left; margin-right: 5px; padding: 3px 5px;}
.first_page, .last_page, .prev_page, .next_page, .pages {background: #fff; border: 1px solid #096cb2; color: #486ba2; display: block; float: left; margin-right: 5px; padding: 3px 5px; text-decoration: none;}
.current {background: #1678bd; border888: solid 1px #096cb2; color: #fff; display: block; float: left; margin-right: 5px; padding: 4px 5px;}
/* -------------- footer -------------- */
footer{overflow:hidden; background:url(../images/footer_bg.jpg) repeat-y center; position:relative}
footer:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(../images/footer_lattice.png) repeat;
	-webkit-filter:invert(1);
	-moz-filter:invert(1);
	-o-filter:invert(1);
	-ms-filter:invert(1);
	filter:invert(1);
	}
.f_cont{padding:30px 0; overflow:hidden}/* 60px */
.f_box{width:var(--i_box); margin:0 auto; position:relative}
/* 底部 - 导航 */
.f_nav{}
.f_nav dl{float:left; margin-right:68px}
.f_nav dt{margin-bottom:15px}
.f_nav dt a{font-size:16px; color:#FFF}
.f_nav dd a, .f_qr_list p{font-size:13px; color:#FFF; line-height:30px; position:relative; cursor:pointer}
.f_nav dd a:before, .f_qr_list p:before{content:">"; font-family:宋体, sans-serif; font-size:12px; margin-right:8px}
/* 设置二维码尺寸 */
/* .f_qr_list{--f_qr_size:90px}
.f_qr_list li{position:relative}
.f_qr_list .f_qr{position:absolute; left:var(--f_qr_size); top:50%; transform:translate(0,-50%); width:0; height:var(--f_qr_size); background:#FFF; z-index:2}
.f_qr img{width:100%; height:100%}

.f_qr_list li:hover .f_qr{width:var(--f_qr_size)}
.f_qr{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}

.f_nav a:hover, .f_qr_list p:hover{color:#F60} */
/* 底部 - 友情链接 */
.f_yqlink{overflow:hidden}
.f_yqlink h6{font-size:16px; color:#FFF;}
#scrollbar1{width:210px; clear:both; margin-top:20px}
#scrollbar1 .scrollbar{position:relative; float:right; width:2px; border-left:1px solid rgba(255,255,255,.2)}
#scrollbar1 .thumb{width:5px; cursor:pointer; overflow:hidden; position:absolute; top:0; left:-3px; background-color:#F60}
.viewport{width:90%; height:142px; overflow:hidden; position:relative}
.overview{list-style:none;position:absolute;left:0;top:0}
/*.overview a{font-size:13px; color:#F60; line-height:30px; position:relative;}*/
.overview a{font-size:13px; color:#FFF; line-height:30px; position:relative;}
/* 底部 - 联系方式 */
.f_contact img{margin-bottom:20px}
.f_c_text p{font-size:13px; color:#8b8b8b; line-height:30px}
/* 底部 - 二维码 */
.f_qr{margin:10px 40px 0 0; text-align:center}
.f_qr img{width:120px}
.f_qr p{font-size:12px; color:#FFF; margin-top:5px}
/* 底部 - 版权 */
.f_bq{background:rgba(0,0,0,.3); border-top:1px solid rgba(255,255,255,.2); overflow:hidden}
.f_bq p, .f_bq a{line-height:40px; font-size:13px; color:#a3a3a3}
.f_bq a:hover{color:#F60}
/* 左侧导航修改的css start */
#sub_nav{}
#sub_nav dt{width:100%}
#sub_nav a{display:block; padding-left:25px; font-size:14px; color:#555; line-height:46px; border-bottom:1px solid #EEE; position:relative}
#sub_nav a:before{content:""; position:absolute; top:0; left:0; width:2px; height:100%; background:var(--i_color); z-index:-1}
#sub_nav a:after{content:""; position:absolute; right:60px; top:50%; margin-top:-2px; width:12px; height:5px; background:url(../images/icon_n_nav_li.png) no-repeat}
.sub_nav_on{background:var(--i_color); color:#FFF!important}
.sub_nav_on:after{right:40px!important}
#sub_nav a:hover{color:#FFF}
#sub_nav a:hover:before{width:100%}
#sub_nav a:hover:after{right:40px}
#sub_nav a, #sub_nav a:before{transition:all .4s ease; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease}
#sub_nav a:after{transition:all .7s ease; -webkit-transition:all .7s ease; -moz-transition:all .7s ease; -ms-transition:all .7s ease; -o-transition:all .7s ease}
/* 左侧导航修改的css end */
/* 右侧固定qq客服 */
.side_right{position:fixed; right:0; top:50%; transform:translate(0,-50%); z-index:999999}
.side_right ul{}
.side_right li{position:relative; cursor:pointer}
.side_right a{display:block; width:48px; height:48px; background:#0673B4; display:flex; justify-content:center; align-items:center; z-index:3}
.side_right li:first-child a{padding-top:8px; -webkit-border-radius:20px 20px 0 0; -moz-border-radius:20px 20px 0 0; -o-border-radius:20px 20px 0 0; border-radius:20px 20px 0 0}
.side_right li:last-child a{padding-bottom:8px; -webkit-border-radius:0 0 20px 20px; -moz-border-radius:0 0 20px 20px; -o-border-radius:0 0 20px 20px; border-radius:0 0 20px 20px}
.side_right em{display:block; margin:0 auto; width:20px; height:20px; background:url(../images/side_ico.png) no-repeat}
.side_right li:nth-child(1) em{background-position:0 0}
.side_right li:nth-child(2) em{background-position:0 -20px}
.side_right li:nth-child(3) em{background-position:0 -40px}
.side_right li:nth-child(4) em{background-position:0 -60px}
.side_right a:hover{background:#065280}
.side_tel_box, .side_qr_box{position:absolute; box-shadow:-1px 2px 6px rgba(0,0,0,.2); display:flex; justify-content:center; align-items:center; z-index:-1}
.side_tel_box{top:0; right:-300px; width:200px; height:100%; background:#FFF}
.side_qr_box{top:50%; transform:translate(0,-50%); right:-180px; width:120px; height:120px; background:#FFF}
.side_tel_box h1{font-size:20px; color:#666}
.side_qr_box img{width:90%; height:90%}
.side_right li:hover .side_tel_box, .side_right li:hover .side_qr_box{right:48px}
.side_tel_box, .side_qr_box{-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease}