@charset "utf-8";

html{font-size:625%; /*100 ÷ 16 × 100% = 625%*/}

/* 初始化 */
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent; -webkit-tap-highlight-color:transparent}
h1, h2, h3, h4, h5, h6, code, dfn, em, var, i, b{font-style:normal; font-weight:normal}
body{font-family:var(--f-family)}
:focus{outline:1}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}
ul, ol, li{list-style:none}
blockquote,q{quotes:none}
a{margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; color:inherit}
ins{text-decoration:none}
ins,mark{background-color:#ff9; color:#000}
mark{font-style:italic; font-weight:700}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted #000; cursor:help}
table{border-collapse:collapse; border-spacing:0}
hr{display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0}
button, input, textarea, select{font-family:var(--f-family); border:0; outline:0; vertical-align:middle}
.clear { display: block; height: 0; overflow: hidden; clear: both }
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom:1;}
:root{
	--f-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft Yahei,Helvetica Neue,STHeiti,Tahoma,Simsun,sans-serif; /* 全局字体 */
	--header_height:1.1rem;    /* 网页头部高度 */
	--nav_w:50px;     /* 头部导航宽度 */
	--top_h:.55rem;       /* top高度 */
	--i_padding:.2rem;    /* 网页左右边距 */
	--i_color:#013D79; /* 全局颜色 */
	--i_color2:#FF9C3F; /* 副颜色 */
	--f_fixed_h: 1rem;    /* 网页底部固定栏高度 */
}

/* 输入框内文字 */
input::-webkit-input-placeholder{font-family:var(--f-family); color:#999; font-size:.24rem}
input::-moz-placeholder{font-family:var(--f-family); color:#999; font-size:.24rem   /* Mozilla Firefox 19+ */}
input:-moz-placeholder{font-family:var(--f-family); color:#999; font-size:.24rem    /* Mozilla Firefox 4 to 18 */}
input:-ms-input-placeholder{font-family:var(--f-family); color:#999; font-size:.24rem  /* Internet Explorer 10-11 */}
/*滚动条*/
::-webkit-scrollbar{width:8px; height:8px}
::-webkit-scrollbar-thumb{border-radius:5px; -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); background:rgba(0,0,0,0.4)}
::-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)}
/* 复制选中 */ 
::selection{background:#338FFF; color:#FFF}
::-moz-selection{background:#338FFF; color:#FFF}
::-webkit-selection{background:#338FFF; color:#FFF}

.wrap{width:97%; margin:0 auto}
.fl{float:left}
.fr{float:right}
.clear{clear:both}


/* top */
.top{width:100%; height:var(--top_h); background:#888; box-sizing:border-box; border-bottom:1px solid rgba(255,255,255,.18); overflow:hidden}
.top p{float:right; font-size:.25rem; color:#FFF; line-height:var(--top_h); padding-left:26px; background:url(../images/top_tel_ico.png) no-repeat left center; background-size:16px}



/* --------------- 头部 --------------- */
header{height:var(--header_height); padding:0 var(--i_padding); position:relative; background:#FFF; z-index:9999999}

.logo{float:left; max-width:68%; height:var(--header_height); display:flex; align-items:center}
.logo img{float:left; max-width:100%}

/* 导航 */
a.meanmenu-reveal{display:none}
.mean-container .mean-bar{position:absolute; top:var(--top_h); right:0; width:var(--nav_w); height:var(--header_height); z-index:99999999}
a.meanmenu-reveal{
	position:absolute;
	right:var(--i_padding);
	display:block;
	padding:0 .3rem;
	width:22px;
	height:var(--header_height);
	background:var(--i_color2);
	line-height:var(--header_height);
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	cursor:pointer;
	}
a.meanmenu-reveal span{display:block; background:#FFF; height:3px; margin-top:5px}
a.meanmenu-reveal span:first-child{margin-top:.36rem}

.mean-nav{position:absolute; left:calc(-100vw + var(--nav_w)); width:100vw; background:rgba(0,0,0,.9); top:var(--header_height)}

/* 一级导航 */
.mean-nav ul{padding:0; margin:0; width:100%; list-style-type:none}
.mean-nav li{position:relative; float:left; width:100%}
.mean-nav li a{
	display:block;
	float:left;
	width:100%;
	height:.8rem;
	padding-left:var(--i_padding);
	line-height:.8rem;
	font-size:.26rem;
	margin:0;
	text-align:left;
	color:#FFF;
	box-sizing:border-box;
	border-top:1px solid rgba(255,255,255,.3);
	text-decoration:none;
	text-transform:uppercase;
	}

/* 二级导航 */
.mean-nav li li a{height:.6rem; line-height:.6rem; padding-left:.4rem; font-size:.23rem; opacity:.8; filter:alpha(opacity=80); border-top:1px solid rgba(255,255,255,.1); visibility:visible}
	
/* 二级菜单展开 +号 */
.mean-nav li a.mean-expand{
	position:absolute;
	right:0;
	top:0;
	padding:0 var(--i_padding);
	width:.8rem;
	text-align:center;
	z-index:2;
	font-weight:bold;
	background:rgba(255,255,255,.1);
	border:none;
	}
.mean-nav li a.mean-expand:hover{background:rgba(0,0,0,.3)}

header nav{display:none; text-align:center; background:#efefef}
header nav li a{font-size:0}




/* ----------------------------- banner ----------------------------- */
.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; position:relative; overflow:hidden}
.slide .box img{display:block; width:100vw; height:185px; object-fit:cover; text-align:center}

/* 左右箭头 */
.slider-arrows{display:none!important}
.slider-arrow{
	position:absolute;
	top:50%;
	transform:translate(0,-50%);
	width:70px;
	height:70px;
	line-height:70px;
	font-family:"SimSun", 宋体, NSimSun, FangSong;
	font-size:36px;
	color:#FFF;
	font-weight:bold;
	background:rgba(0,0,0,.2);
	text-align:center;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-o-border-radius:50%;
	border-radius:50%;
	z-index:2;
	}
.slider-arrow--left{left:0}
.slider-arrow--right{right:0}
.slider:hover .slider-arrows{opacity:1}
.slider:hover .slider-arrow--left{left:3%}
.slider:hover .slider-arrow--right{right:3%}
.slider-arrow:hover{background:var(--i_color)}

/* 指示器 */
.slider-nav{position:absolute; bottom:10px; display:-webkit-flex; display:flex; align-items:center; height:26px}
.slider-nav__item{float:left; width:10px; height:10px; margin:0 3px; -webkit-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; border-radius:100%; background:rgba(255,255,255,.8)}
.slider-nav__item--current{background:var(--i_color)}

.slider-arrows, .slider-arrow--left, .slider-arrow--right, .slider-nav__item{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}




/* -------------------------- 网站主体 -------------------------- */
main{overflow:hidden}

.i_tit{padding:0 var(--i_padding) 10px; margin-bottom:10px; overflow:hidden; border-bottom:1px solid #EEE; position:relative}
.i_tit:before{content:""; position:absolute; top:4px; left:0; width:4px; height:54%; background:var(--i_color)}
.i_tit h1{float:left; font-size:18px; color:var(--i_color); font-weight:bold}
.i_tit a{float:right; font-size:13px; color:#888}
.i_tit h1, .i_tit a{line-height:26px}



/* 公司简介 */
.i_about{margin:26px auto 34px; overflow:hidden}







/* 产品展示 */
.i_ser_box{overflow:hidden}

/* 轮播 */
.i_ser_list{width:98%; margin:0 auto; padding-bottom:10px; overflow:hidden}
.swiper-container{padding:0 0 10px; margin:0 auto; position:relative; overflow:hidden; z-index:1}
.i_ser_list .swiper-wrapper{
	position:relative;
	width:100%;
	height:100%;
	z-index:1;
	display:flex;
	transition-property:transform;
	box-sizing:content-box;
	}
.i_ser_list .swiper-slide{
	font-size: 18px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	flex-shrink:0;
	position:relative;
	transition-property:transform;
	overflow:hidden;
	}
.i_ser_list .swiper-slide a{display:block; text-align:center; width:100%; overflow:hidden; position:relative}
.i_ser_list .img{width:100%; box-sizing:border-box; border:1px solid #DDD; border-bottom:none; position:relative}
.i_ser_list .img:before{content:""; display:block; padding-bottom:75%}
.i_ser_list .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%}
.i_ser_list .txt{width:100%; background:rgba(0,0,0,.08)}
.i_ser_list .txt p{padding:0 20px; font-size:13px; color:#555; line-height:36px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}

.i_ser_list .swiper-slide:hover{-webkit-transform:translate(0,-8px); -moz-transform:translate(0,-8px); -o-transform:translate(0,-8px); -ms-transform:translate(0,-8px); transform:translate(0,-8px)}
.i_ser_list .swiper-slide:hover img{-webkit-filter:grayscale(0); -moz-filter:grayscale(0); -o-filter:grayscale(0); -ms-filter:grayscale(0); filter:grayscale(0)}
.i_ser_list .swiper-slide{-webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease}
.i_ser_list .img 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}

/* 左右箭头 */

/* 指示器 */
.news-pagination{display: table;margin: 20px auto 0; cursor:pointer; text-align:center; -webkit-transition:.3s opacity; -o-transition:.3s opacity; transition:.3s opacity; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); z-index:10}
.news-pagination .swiper-pagination-bullet{width:18px; height:3px; display:inline-block; background:rgba(0,0,0,.2); margin:0 4px; outline:none;float: left;}
.news-pagination .swiper-pagination-bullet-active{position:relative; background:var(--i_color)}






.i_news_box{margin:26px auto 30px; overflow:hidden}

/* 新闻列表 */
.i_news_show{padding:0 var(--i_padding); overflow:hidden}
.news_img{overflow:hidden; margin-bottom:.2rem; padding-bottom:.24rem; border-bottom:1px dashed #EEE}
.news_img img{float:left; width:34%; height:1.8rem; object-fit:cover}
.news_xx{float:right; width:61%}
.news_xx h1{font-size:.28rem; color:#353535; line-height:.36rem}
.news_xx p{font-size:13px; color:#888; margin:.12rem 0}
.news_xx span{font-size:13px; color:#727272; line-height:.3rem}
.news_xx h1, .news_xx span{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2}

.i_news_list{overflow:hidden}
.i_news_list li{overflow:hidden; border-bottom:1px dashed #EEE}
.i_news_list a{float:left; padding-left:15px; max-width:76%; font-size:15px; color:#484848; position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.i_news_list a:before{content:""; position:absolute; top:50%; transform:translate(0,-50%); left:0; width:4px; height:4px; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; background:var(--i_color)}
.i_news_list i{float:right; font-size:.18rem; color:#666}
.i_news_list a, .i_news_list i{line-height:.65rem}

.news_xx h1:hover, .i_news_list a:hover{color:var(--i_color)}






/* --------------- 底部 --------------- */
footer{padding:.4rem 0 calc(var(--f_fixed_h) + .4rem); background:rgba(0,0,0,.04); position:relative}
footer:after{content:""; position:absolute; left:0; bottom:0; width:100%; height:var(--f_fixed_h); background:#FFF}

.f_logo{width:40%}
.f_logo img{width:100%}

.f_info{margin-top:0}
.f_info p{text-align:center; font-size:.24rem; color:#6f6f6f; line-height:.34rem}

.f_qr{margin-top:.3rem; text-align:center; overflow:hidden}
.f_qr img{width:120px}
.f_qr p{font-size:.24rem; color:#777; margin-top:.1rem}


/* 底部固定栏 */
.f_fixed{--f_ico_size:.35rem; --f_ico_wz:-.35rem}  /* 图标尺寸大小 */
.f_fixed{width:100%; background:var(--i_color); overflow:hidden; position:fixed; left:0; bottom:0; z-index:99999}
.f_fixed li{float:left; width:25%; position:relative}
.f_fixed li:before{content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:rgba(255,255,255,.1)}
.f_fixed li:last-child:before{display:none}
.f_fixed a{display:flex; justify-content:center; align-items:center}
.f_fixed, .f_fixed a{height:var(--f_fixed_h)}
.f_fixed p{font-size:.22rem; color:#FFF}

.f_fixed em{display:block; margin:0 auto .08rem; width:var(--f_ico_size); height:var(--f_ico_size); background:url(../images/f_fixed_ico.png) no-repeat; background-size:var(--f_ico_size)}

.f_fixed li:nth-child(1) em{background-position:0 0}
.f_fixed li:nth-child(2) em{background-position-x:0; background-position-y:var(--f_ico_wz)}
.f_fixed li:nth-child(3) em{background-position-x:0; background-position-y:calc(var(--f_ico_wz) * 2)}
.f_fixed li:nth-child(4) em{background-position-x:0; background-position-y:calc(var(--f_ico_wz) * 3)}







/* -------------------------- 内页 -------------------------- */
.in_banner{width:100%; position:relative}
.in_banner img{width:100%; min-height:105px; max-height:500px; object-fit:cover}

/* 内页二级导航 */
.in_nav_list{margin:.2rem auto .1rem; overflow:hidden}
.in_nav_list li{float:left; width:calc((100% - 5px) / 2); margin:0 5px 5px 0}
.in_nav_list li:nth-child(2n){margin-right:0}
.in_nav_list li a{display:block; text-align:center; font-size:.24rem; color:#666; line-height:.65rem; background:#EEE}

.in_nav_on{background:var(--i_color)!important; color:#FFF!important}


/* 内页标题 */
.ny_tit{overflow:hidden; border-bottom:1px solid #EEE; margin:14px auto 12px; position:relative}
.ny_tit:before{content:""; position:absolute; top:50%; transform:translate(0,-50%); left:0; width:3px; height:56%; background:var(--i_color)}
.ny_tit h1{padding:0 3%; font-size:.32rem; color:#333; line-height:.6rem}


/* 简介-文章 单页文字 新闻内容文字 */

article, article *{font-size:15px; line-height:32px; color:#444}
article img{display:block; max-width:100%; height:initial!important; margin:18px 0}





/* 内页 - 通用图片列表样式 */
.in_pic_list{margin:0 auto 20px; padding:10px 0 5px; overflow:hidden}
.in_pic_list li{float:left; width:48%; margin:0 4% 30px 0; text-align:center; overflow:hidden}
.in_pic_list li:nth-child(2n){margin-right:0}
.in_pic_list a{display:block; position:relative; overflow:hidden}

.in_pic_list .img{width:100%; box-sizing:border-box; border:1px solid #DDD; border-bottom:none; position:relative; overflow:hidden}
.in_pic_list .img:before{content:""; display:block; padding-bottom:75%}
.in_pic_list .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%}

.in_pic_list .txt{width:100%; background:rgba(0,0,0,.08)}
.in_pic_list .txt p{padding:0 20px; font-size:13px; color:#555; line-height:44px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}


.in_pic_list li:hover{-webkit-transform:translate(0,-8px); -moz-transform:translate(0,-8px); -o-transform:translate(0,-8px); -ms-transform:translate(0,-8px); transform:translate(0,-8px)}
.in_pic_list a:hover .txt{background:var(--i_color)}
.in_pic_list a:hover p{color:#FFF}

.in_pic_list li, .in_pic_list .txt, .in_pic_list img, .in_pic_list .txt p{-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease}






/* 产品详情 */
.in_pro_det{overflow:hidden}

.in_pro_det .name{margin-bottom:20px; font-size:20px; color:#222; font-weight:bold}

.pro_details_tit{--img_size:100%}
.pro_details_tit{position:relative; overflow:hidden}
.bg_left{width:var(--img_size)}
/* 商品大图 */
.show{width:100%; height:var(--img_size); margin-bottom:6px; position:relative; box-sizing:border-box; border:1px solid #E8E8E8; cursor:move}
.show img{width:100%; height:100%; object-fit:contain}
.mask{display:none!important}
/* 小缩略图 */
.smallshow{width:100%; position:relative}
.smallshow>.middle_box{width:350px; overflow:hidden; margin:0 auto}
.smallshow .middle{overflow:hidden; transition:all 0.5s}
.smallshow .middle>li{width:64px; float:left; cursor:pointer; padding:0 3px;}
.smallshow img{width:100%; height:64px; border:1px solid #e8e8e8; box-sizing:border-box; transition:all 0.5s}
/* 小缩略图左右箭头 */
.smallshow>p{position:absolute; top:50%; transform:translate(0,-50%); width:22px; font-family:"宋体"; font-size:30px; font-weight:bold; margin:0!important; padding:0!important}
.smallshow>.prev, .smallshow>.next{color:#000; transition:all 0.5s; cursor:pointer; outline:none}
.smallshow>.prev{left:0}
.smallshow>.next{right:0}
.smallshow>.prev.prevnone, .smallshow>.next.nextnone{color:#BBB; cursor:not-allowed; outline:none}
/* 右侧放大展示 */
.bg_right{display:none!important}

/* 产品详情内容 */
.in_pro_det_cont{margin:40px 0; overflow:hidden}
.in_pro_det_cont, .in_pro_det_cont *{font-size:15px; line-height:32px; color:#444}
.in_pro_det_cont img{max-width:100%; height:initial!important; margin:18px 0}

/* 更多推荐产品 */
.in_pro_more{margin:60px 0; overflow:hidden}
.in_pro_more .tit{margin-bottom:20px;/*  border-bottom:1px solid #DDD */}
.in_pro_more .tit p{display:inline-block; padding:0 40px; line-height:38px; background:var(--i_color2); text-align:center; font-size:16px; color:#FFF; position:relative}
.in_pro_more .tit p:after{content:""; position:absolute; top:0; right:-8px; width:6px; height:100%; background:var(--i_color2)}







/* --------------------------  新闻列表 -------------------------- */
.in_news_list{margin-bottom:55px}
.in_news_list li{width:100%; padding:10px 0; border-bottom:1px dashed #DDD; overflow:hidden}

.in_news_list a{float:left; max-width:76%; font-size:.25rem; color:#484848; position:relative; overflow:hidden}
.in_news_list i{float:right; font-size:.22rem; color:#999}
.in_news_list a, .in_news_list i{line-height:.4rem}

.in_news_list li:hover a{color:var(--i_color)}



/* 新闻 详情页 */
.ny_news_art_cont{margin-top:.1rem}

.ny_news_art_head{margin-bottom:22px; overflow:hidden}
.ny_news_art_head h1{font-size:.38rem; color:#000; font-weight:bold}
.ny_news_art_head p{font-size:.24rem; color:#999; margin-top:10px}
.ny_news_art_head i{margin-right:10px}







/* 页数 */
.page-box{text-align:center; overflow:hidden; margin:15px auto 40px}
.pages{overflow:hidden; display:table;line-height: .48rem;margin: 0 auto}
.pages a{float:left; color:#555; font-size:.24rem; padding:0 10px; height:.48rem; line-height:.48rem; margin:0 3px; border:1px solid #CCC}
.pages a:nth-child(1){margin-left:0!important}
.pages .current{background:var(--i_color); border:1px solid var(--i_color); color:#FFF}
.pages a:hover{background:var(--i_color); border:1px solid var(--i_color); color:#FFF}
/* 上一篇 下一篇 */
.updown{margin:50px 0 60px; overflow:hidden}
.up{margin-bottom:8px; overflow:hidden}
.updown p{opacity:.5; padding:0 5px 0 22px; display:inline-block; font-size:15px; color:#000; -webkit-filter:grayscale(1); -moz-filter:grayscale(1); -o-filter:grayscale(1); -ms-filter:grayscale(1); filter:grayscale(1)}
.up p{background:url(../images/up_ico.png) no-repeat left center}
.down p{background:url(../images/down_ico.png) no-repeat left center}
.updown a{font-size:15px; color:#555}
.updown a:hover{color:var(--i_color); text-decoration:underline}
.updown>div:hover p{opacity:1; color:var(--i_color); -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -o-filter:grayscale(0); -ms-filter:grayscale(0); filter:grayscale(0)}





/* 联系我们 */
.in_contact{overflow:hidden}
.in_contact .txt{width:100%}
.in_contact .tit{margin-bottom:20px}
.in_contact .tit h1{margin-bottom:4px; font-size:20px; color:#444}
.in_contact .tit p{font-size:12px; color:var(--i_color2); text-transform:uppercase}

.in_contact article{}

.in_contact_qr{margin-top:20px}
.in_contact_qr dl{display:inline-block; vertical-align:middle}
.in_contact_qr dt{float:left; margin:0 16px 0 0; text-align:center; background:#FFF}
.in_contact_qr dt img{width:100px; padding:6px; border:1px solid #DDD}
.in_contact_qr dt p{margin-top:8px; font-size:14px; color:#777}

/* 地图 */
#allmap{width:100%; height:360px; margin:20px auto; background:#CCC}
#allmap *{font-size:.13rem!important}





/* 在线留言 */
/* 在线留言 */
.in_message{margin-bottom:40px; overflow:hidden}

.c_form_list{width:100%; overflow:hidden; margin-bottom:10px}
.c_form_list li{float:left; font-size:0; width:100%; margin:0 0 15px 0; box-sizing:border-box; border:1px solid #CDCDCD; position:relative}
.c_form_list label{display:inline-block; vertical-align:middle; height:40px; line-height:40px; font-size:14px; color:#777; padding-left:10px}
.c_form_list input{display:inline-block; width:75%; height:40px; line-height:40px; background:#FFF; font-size:14px; color:#767676; border:none}
.c_form_list li:hover{border-color:var(--i_color)}

.checkboxes{margin-bottom:26px}
.checkboxes p{font-size:16px; color:#000; margin-bottom:8px}
.c_form_check{display:inline-block; vertical-align:top; overflow:hidden}
.checkboxes li{float:left; margin:0 20px 15px 0; overflow:hidden}
.checkboxes check{display:inline-block;}
.checkboxes i{display:inline-block; font-size:15px; color:#666; margin-left:5px}

.checkboxes textarea{padding:5px 10px; min-width:100%; max-width:100%; min-height:100px; box-sizing:border-box; border:1px solid rgba(0,0,0,.2)}

.btn_area{text-align:center; overflow:hidden; margin-top:10px}
.btn_area dl{display:inline-block; vertical-align:top}
.btn_area dt{float:left; margin:0 6px}
.btn_area input{display:inline-block; width:114px; height:32px; line-height:32px; text-align:center; font-size:13px; color:#FFF; background:var(--i_color2); -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; cursor:pointer}
.reset{color:#FFF!important; background:#999!important}